title: Change the value of a property of some data, but tableview doesn't update
body: <p>For a very simple table demo of TornadoFX, I just want to show some <code>users</code> in a view, and changes the names of them when clicking on a <code>change</code> button. But the problem is the modified data is not shown in table.</p>
  
  <p>The main code is as following:</p>
  
  <pre><code>class User2(id: Int, name: String) {
      val idProperty = SimpleIntegerProperty(id)
      var id by idProperty
  
      val nameProperty = SimpleStringProperty(name)
      var name by nameProperty
  }
  
  val data2 = listOf(User2(111, "AAA"), User2(222, "BBB"), User2(333, "CCC")).observable()
  
  vbox {
      tableview(data2) {
          column("id", User2::id)
          column("name", User2::name).minWidth(200)
      }
      button("Modify data with type of User2").setOnAction {
          data2.forEach { it.name += " changed!" }
      }
  }
  </code></pre>
  
  <p>Instead, if I define the <code>User2</code> as following (also changed the class name to <code>User1</code>):</p>
  
  <pre><code>class User1(id: Int, name: String) {
      val id = SimpleIntegerProperty(id)
      val name = SimpleStringProperty(name)
  }
  </code></pre>
  
  <p>Everything is working well. </p>
  
  <p>I can't find why the first one is not working (as the code is most copied form <a href="https://github.com/edvin/tornadofx-guide/blob/master/part1/11.%20Editing%20Models%20and%20Validation.md#a-typical-use-case" rel="nofollow noreferrer">the official guide</a>)</p>
  
  <p>Update:</p>
  
  <p>A complete small demo to represent this question: <a href="https://github.com/javafx-demos/tornadofx-table-property-change-issue-demo" rel="nofollow noreferrer">https://github.com/javafx-demos/tornadofx-table-property-change-issue-demo</a></p>