Panel Tabulator style misalignment after applying filter to the table object

Panel
1

Hello,
In tabulator, after defining a cell styling, both in row mode (map) and column mode (apply), the styling is misaligned after applying a filtering.
I tried also to recall the map/apply method on the table in the binding function after the filter was applied, but this has no effect (I suppose that the styling is always applied to the original table without filters).

my_table=pn.windgets.Tabulator(…)
my_table.style.map(my_rules_row)
#alternatively my_table.style.apply(my_rules_column)

my_bind_function=pn.bind(filter_table, my_widget)

filter_table(…):
#code here that filter the table
my_table.style.map(my_rules_row)

2

Can you share a full minimal reproducible example that I can copy paste?

3

@ahuang11 here is a minimal code:

import panel as pn
import pandas as pd


def _result_cell_style_column(column:list) -> list:
    """Return CSS for PASS/MARG/FAIL cells."""
    base = "font-weight: 700;"
    column_colors_list = []
    for value in column:
        if value == "PASS":
            column_colors_list.append(base + "color: #2e7d32;")   # green
        elif value == "MARG":
            column_colors_list.append(base + "color: #f9a825;")   # yellow
        elif value == "FAIL":
            column_colors_list.append(base + "color: #c62828;")   # red
        else:
            column_colors_list.append(base)
    return column_colors_list

def _apply_filter(event):
    my_table.add_filter("MARG","column1")
    my_table.style.apply(_result_cell_style_column)

my_table_dict={"row":["1","2","3"],"column1":["PASS","MARG","FAIL"],"column2":["PASS","MARG","PASS"],"column3":["MARG","FAIL","MARG"]}
my_table_dataframe=df = pd.DataFrame(my_table_dict)
my_table=pn.widgets.Tabulator(my_table_dataframe,show_index=False)
my_table.style.apply(_result_cell_style_column)
my_button=pn.widgets.Button(name="Apply filter")
pn.bind(_apply_filter,my_button.param.clicks,watch=True)
pn.Row(my_table,my_button).show()

Usage: the table is pre-formatted according to defined rule: green color for PASS value, yellow color for MARG and red color for FAIL.
When the button “apply” filter is pressed, a filter is applied (specifically, filter row that contains “MARG” in column1.
As you can see, the filtering misalign the styling: MARG became greenand FAIL became yellow.
Note that applying the styling again after the filtering makes no effect.

Thanks