列类名称即时更改

Question

我以这种方式呈现了一个网格：

myGrid = new Slick.Grid("#grid", myDataView, myColumns, myOptions);
myDataView.beginUpdate();
myDataView.setItems(myDataset);
myDataView.endUpdate();

没关系。 现在我需要在某些列中更改css类名。我这样做：

myGrid.onSort.subscribe(function(e, args) {
    args.sortCol.headerCssClass = 'newClassName';
});

我现在需要做些什么才能看到DOM的变化？

---

我找到了这个解决方案：

myGrid.onSort.subscribe(function(e, args) {
    args.sortCol.headerCssClass = 'newClassName';
    var columns = myGrid.getColumns();
    myGrid.setColumns(columns);
});

这个解决方案最优雅吗？有适当的方法吗？

Answer 1

您是否尝试更改“已排序”标题列的样式。如果确实如此，为什么不修改 slick-header-column-sorted CSS选择器？

例如，以下规则将粗体化“sorted-by”标题列的标题：

.slick-header-column-sorted 
{
    font-weight: bold;
}