I try to set a filter on a Tabulator table: ```fun filterByState(state: EventState) { console.lo...

# kvision

[Jörg Rade]

I try to set a filter on a Tabulator table:

fun filterByState(state: EventState) {
    console.log("[ELT.filterByState]")
    console.log(tabulator)
    tabulator.jsTabulator?.setFilter("State", "=", state.name)
}

tabulator looks as expected and it's element jsTabulator seems to be set, but when I try to access or log it, it is null.
I'm puzzled (and still at KVision 5.5.1).

[Robert Jaros]

I would suppose that you are calling filterByState too early, before `jsTabulator`is initialized.

[Robert Jaros]

Tried to log tabulator.jsTabulator ?

[Jörg Rade]

Yes I did and it's null

[Jörg Rade]

What can I do to force initialization?

[Jörg Rade]

Use a callback?

[Robert Jaros]

when you log tabulator it will be "live" object - when you look at its properites in devtools you see the current state (not the state from the moment of logging)

[Jörg Rade]

makes sense

[Robert Jaros]

you should use after insert hook

[Robert Jaros]

note, tabulator 5 (kvision 5.6.0+) is asynchronous by design

[Robert Jaros]

you will probably have to add second callback 🙂

[Jörg Rade]

Thanks for the info and your help!

[Robert Jaros]

but I'm not sure - just remember this when you upgrade 🙂

[Robert Jaros]

see http://tabulator.info/docs/5.0/upgrade#initialize

[Jörg Rade]

In TabulatorOptions there is initialFilter: List<Tabulator.Filter>?

[Jörg Rade]

How can I create a List<Tabulator.Filter>
?

[Robert Jaros]

initialFilter = listOf(obj<Tabulator.Filter>{
    field = "field1"
    type = "="
    value = "something"
})

[Jörg Rade]

👍