title: Trying to place inventory TilePane within scrollable pane
body: <p>Brand new to stackoverflow, so my apologies if I have posted incorrectly.</p>
  
  <p>I have created an inventory system for a top down map based game. The inventory pane displays all the items carried by the character.</p>
  
  <p>I have created individual HBoxes with a delete item button, however I have attempted to places the HBoxes within a scrollable pane.</p>
  
  <p>Unfortunately the scroll bars do not seem to be appearing. Any help would be very much appreciated.</p>
  
  <pre><code>private void displayInvStructure() {
  
      this.setVgap(4);
      this.setHgap(4);
      this.setPadding(new Insets(1));
      this.setPrefColumns(4);
      this.setStyle("-fx-background-color: #fff4a8; -fx-padding: 5; -fx-spacing: 5; -fx-border-color: black; -fx-border-width: 2px;");
  
      HBox itemTile[] = new HBox[31];
      for (int i = 0; i &lt; 31; i++) {
          Button deleteButton = new Button("Delete Item");
          deleteButton.setOnAction((ActionEvent event) -&gt; { //Creates event when button clicked
                  JOptionPane.showMessageDialog(null, "Item has been deleted", null, 1);
          });
  
          itemTile[i] = new HBox(new Label("Item: " + i + "   "));
          itemTile[i].setStyle("-fx-border-color: black;");
          itemTile[i].setPadding(new Insets(5));
          itemTile[i].getChildren().add(deleteButton);
          itemTile[i].setAlignment(Pos.CENTER_LEFT);
          itemTile[i].setStyle("-fx-background-color: #e5efff; -fx-border-color: black;");
          this.getChildren().add(itemTile[i]);
  
      }
      ScrollPane sp = new ScrollPane();
      sp.setFitToWidth(true);
      sp.setContent(this);
  
  }
  </code></pre>