title: JavaFX TableView - can not be edited
body: <p>I am trying to use the edit on a <code>TableView</code>.
  i used this tut as reference:
  <a href="http://docs.oracle.com/javafx/2/ui_controls/table-view.htm#" rel="nofollow noreferrer">http://docs.oracle.com/javafx/2/ui_controls/table-view.htm#</a>
  but I am using a FXML file for the creation (with the JavaFX Scene Builder).
  I have checked the editable checkboxes for the table and the columns (in the Scene Builder), but if I execute the program, I am not able to edit the values. I have downloaded the example project from the tut and the editing works there... so, in my project the <code>TextField</code> doesn´t get opened :(
  The controller:</p>
  
  <pre><code>public class StatesPopupController implements Controllerable, Initializable {
      // &lt;editor-fold desc="fxml import stuff" defaultstate="collapsed"&gt;
      @FXML //  fx:id="guiStatesTable"
      private TableView&lt;StateData&gt; guiStatesTable; // Value injected by FXMLLoader
      @FXML //  fx:id="guiColorColumn"
      private TableColumn&lt;StateData, String&gt; guiColorColumn; // Value injected by FXMLLoader
      @FXML //  fx:id="guiFontEffectColumn"
      private TableColumn&lt;StateData, String&gt; guiFontEffectColumn; // Value injected by FXMLLoader
      @FXML //  fx:id="guiUseColumn"
      private TableColumn&lt;StateData, String&gt; guiUseColumn; // Value injected by FXMLLoader
      @FXML //  fx:id="guiValueColumn"
      private TableColumn&lt;StateData, String&gt; guiValueColumn; // Value injected by FXMLLoader
      @FXML //  fx:id="guiStateAddColor"
      private TextField guiStateAddColor; // Value injected by FXMLLoader
      @FXML //  fx:id="guiStateAddFontEffect"
      private TextField guiStateAddFontEffect; // Value injected by FXMLLoader
      @FXML //  fx:id="guiStateAddUse"
      private TextField guiStateAddUse; // Value injected by FXMLLoader
      @FXML //  fx:id="guiStateAddValue"
      private TextField guiStateAddValue; // Value injected by FXMLLoader
  // &lt;/editor-fold&gt;
  
      private Modelable model = null;
  
      public StatesPopupController() {
          this.model = new StatesPopupModel();
      }
  
      @Override
      public Modelable getModel() {
          return model;
      }
  
      @Override
      public void initialize(URL url, ResourceBundle rb) {
          this.guiStatesTable.setEditable(true);
          this.guiValueColumn.setCellValueFactory(new PropertyValueFactory&lt;StateData, String&gt;("value"));
          this.guiColorColumn.setCellValueFactory(new PropertyValueFactory&lt;StateData, String&gt;("color"));
          this.guiUseColumn.setCellValueFactory(new PropertyValueFactory&lt;StateData, String&gt;("use"));
          this.guiFontEffectColumn.setCellValueFactory(new PropertyValueFactory&lt;StateData, String&gt;("fontEffect"));
          this.guiStatesTable.setItems(((StatesPopupModel)this.model).getTableData());
      }
  
      public void newAddBtnEvent(ActionEvent event {
          ((StatesPopupModel)this.model).addDataEntry(guiStateAddValue.getText(), guiStateAddColor.getText(), guiStateAddUse.getText(), guiStateAddFontEffect.getText());
          guiStateAddValue.clear();
          guiStateAddColor.clear();
          guiStateAddUse.clear();
          guiStateAddFontEffect.clear();
          this.guiStatesTable.setItems(((StatesPopupModel) this.model).getTableData());
      }
  
      public void newEditValueEvent(CellEditEvent&lt;StateData, String&gt; event) {
  
          ((StateData)event.getTableView().getItems().get(event.getTablePosition().getRow())).setValue(event.getNewValue());
      }
  
      public void newEditColorEvent(ActionEvent event) {
          System.out.print("asd");
      }
  
      public void newEditUseEvent(ActionEvent event) {}
  
      public void newEditFontEffectEvent(ActionEvent event) {}
  }
  </code></pre>
  
  <p>Model:</p>
  
  <pre><code>public class StatesPopupModel implements Modelable {
      private ObservableList&lt;StateData&gt; data = FXCollections.observableArrayList(
          new StateData("inactive", "9", "permit", "plain"),
          new StateData("active", "2", "permit", "plain"),
          new StateData("unavailable", "7", "inhibit", "plain"),
          new StateData("available", "2", "permit", "plain"),
          new StateData("invisible", "2", "inhibit", "plain"),
          new StateData("visible", "4", "permit", "plain"),
          new StateData("controlSign", "10", "inhibit", "plain"),
          new StateData("label", "5", "permit", "plain"));
  
      public void addDataEntry(String value, String color, String use, String fontEffect) {
          data.add(new StateData(value, color, use, fontEffect));
      }
  
      public ObservableList&lt;StateData&gt; getTableData() {
          return data;
      }
  }
  </code></pre>
  
  <p>The <code>StateData</code> class:</p>
  
  <pre><code>public class StateData
  {
      private final SimpleStringProperty value;
      private final SimpleStringProperty color;
      private final SimpleStringProperty use;
      private final SimpleStringProperty fontEffect;
  
      public StateData(String value, String color, String use, String fontEffect) {
          this.value = new SimpleStringProperty(value);
          this.color = new SimpleStringProperty(color);
          this.use = new SimpleStringProperty(use);
          this.fontEffect = new SimpleStringProperty(fontEffect);
      }
  
      /**
       * @return the value
       */
      public String getValue() {
          return value.get();
      }
  
      /**
       * @param value the value to set
       */
      public void setValue(String value) {
          this.value.set(value);
      }
  
      /**
       * @return the color
       */
      public String getColor() {
          return color.get();
      }
  
      /**
       * @param color the color to set
       */
      public void setColor(String color) {
          this.color.set(color);
      }
  
      /**
       * @return the use
       */
      public String getUse() {
          return use.get();
      }
  
      /**
       * @param use the use to set
       */
      public void setUse(String use) {
          this.use.set(use);
      }
  
      /**
       * @return the fontEffect
       */
      public String getFontEffect() {
          return fontEffect.get();
      }
  
      /**
       * @param fontEffect the fontEffect to set
       */
      public void setFontEffect(String fontEffect) {
          this.fontEffect.set(fontEffect);
      }
  }
  </code></pre>
  
  <p>And here the fxml:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  
  &lt;?import java.lang.*?&gt;
  &lt;?import java.util.*?&gt;
  &lt;?import javafx.scene.*?&gt;
  &lt;?import javafx.scene.control.*?&gt;
  &lt;?import javafx.scene.layout.*?&gt;
  &lt;?import javafx.scene.text.*?&gt;
  
  &lt;AnchorPane id="AnchorPane" minHeight="397.0" minWidth="264.0" prefHeight="397.0" prefWidth="427.0" xmlns:fx="http://javafx.com/fxml" fx:controller="controller.popup.StatesPopupController"&gt;
    &lt;children&gt;
      &lt;Label text="States" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="6.0"&gt;
        &lt;font&gt;
          &lt;Font name="System Bold" size="15.0" /&gt;
        &lt;/font&gt;
      &lt;/Label&gt;
      &lt;TableView fx:id="guiStatesTable" editable="true" prefHeight="311.0" prefWidth="236.0" AnchorPane.bottomAnchor="52.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="34.0"&gt;
        &lt;columns&gt;
          &lt;TableColumn prefWidth="75.0" text="Value" fx:id="guiValueColumn" /&gt;
          &lt;TableColumn prefWidth="75.0" text="Color" fx:id="guiColorColumn" /&gt;
          &lt;TableColumn prefWidth="75.0" text="Use" fx:id="guiUseColumn" /&gt;
          &lt;TableColumn prefWidth="75.0" text="fontEffect" fx:id="guiFontEffectColumn" /&gt;
        &lt;/columns&gt;
      &lt;/TableView&gt;
      &lt;HBox id="HBox" alignment="CENTER" prefWidth="236.0" spacing="5.0" AnchorPane.bottomAnchor="17.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0"&gt;
        &lt;children&gt;
          &lt;TextField fx:id="guiStateAddValue" prefWidth="93.0" promptText="Value" /&gt;
          &lt;TextField fx:id="guiStateAddColor" prefWidth="79.0" promptText="Color" /&gt;
          &lt;TextField fx:id="guiStateAddUse" prefWidth="79.0" promptText="Use" /&gt;
          &lt;TextField fx:id="guiStateAddFontEffect" prefWidth="79.0" promptText="Font Effect" /&gt;
          &lt;Button mnemonicParsing="false" onAction="#newAddBtnEvent" text="Add" /&gt;
        &lt;/children&gt;
      &lt;/HBox&gt;
    &lt;/children&gt;
  &lt;/AnchorPane&gt;
  </code></pre>
  
  <p>Every help is welcome.</p>
  
  <p>edit:
  If I am using: </p>
  
  <pre><code>.setCellFactory(TextFieldTableCell.forTableColumn());
  </code></pre>
  
  <p>I am getting this error:</p>
  
  <pre><code>error: method setCellFactory in class TableColumn&lt;S,T&gt; cannot be applied to given types;
      guiUseColumn.setCellFactory(TextFieldTableCell.forTableColumn());
                  ^
    required: Callback&lt;TableColumn&lt;StateData,String&gt;,TableCell&lt;StateData,String&gt;&gt;
    found: Callback&lt;TableColumn&lt;Object,String&gt;,TableCell&lt;Object,String&gt;&gt;
    reason: actual argument Callback&lt;TableColumn&lt;Object,String&gt;,TableCell&lt;Object,String&gt;&gt; cannot be converted to Callback&lt;TableColumn&lt;StateData,String&gt;,TableCell&lt;StateData,String&gt;&gt; by method invocation conversion
    where S,T are type-variables:
      S extends Object declared in class TableColumn
      T extends Object declared in class TableColumn
  </code></pre>