Bidirectional JS Link between Tabulators

Panel
1

I have two dataframes with the same index and I want to be able to select rows on one df and have them highlighted on the other df. (This is what bokeh does with DataTable and I want to replicate it). Using link works:

df = pd.DataFrame({
    'colours': ['red', 'green', 'blue'],
    'fruits': ['apple', 'pear', 'blueberries']
})

charta = pn.widgets.Tabulator(df)
chartb = pn.widgets.Tabulator(df)
charta.link(chartb, selection='selection', bidirectional=True)

pn.Column(charta, chartb).show()

but js link fails

df = pd.DataFrame({
    'colours': ['red', 'green', 'blue'],
    'fruits': ['apple', 'pear', 'blueberries']
})

charta = pn.widgets.Tabulator(df)
chartb = pn.widgets.Tabulator(df)
charta.jslink(chartb, selection='selection', bidirectional=True)

pn.Column(charta, chartb).show()

with the following error message

ValueError: Cannot jslink ‘selection’ parameter on Tabulator object, the parameter requires a live Python kernel to have an effect.

I am making a static web page so I need to do this in js.

1 Like
2

Could you post this as a issue on Github?