Изменение имени класса столбца на лету

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-селектор?

Например, следующее правило выделит заголовок "отсортировано-by "столбец заголовка:

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