slickgrid - 列类名称即时更改

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 选择器呢？

例如，以下规则将加粗“排序依据”标题列的标题：

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