How to combine FormPanel, Table and DataContainer for editable tables

If there is another way to do this, I’d love to hear it but this is the way I’ve tried so far. Maybe you can correct my method. I’ve got a table that I’ve made reactive using dataContainer:

val tableTemplate = Table(
        listOf("Column 1", "Column 2"),
        responsive = true
)

dataContainer(rowList, { element, idx, list ->
    Row {
        cell(element.one)
        cell(element.two)
}, tableTemplate)

This works well, but it is read-only. I would like to integrate a form panel into each row, something like this:

@Serializable
data class SomeClass(val one:String = "", val two:String = "")

dataContainer(rowList, { element, idx, list ->
    Row {
        val internalFormPanel = formPanel<SomeClass> {
            cell {
                [e-mail](
                        SomeClass::one,
                        Text()
                )
            }
            cell {
                [e-mail](
                        SomeClass::two,
                        Text()
                )
            }
        }
        add(internalFormPanel)
        internalFormPanel.setData(element)
    }
}, tableTemplate)

The result is the correct number of rows but with empty cells. What is the correct way to create editable tables?

[rjaros]

I’v got a Tabulator module on my (long) TODO list 😉

I’m also aware of some performance problems with both data container and redux module, which both work with the same pattern - by removing and recreating components inside a container. I’m trying to apply some optimizations. Maybe you could share a sample project in which you encounter these problems.

[rjaros]

kvision-tabulator module is almost ready. It will be available in the next realese.