Есть ли способ динамически изменить класс одного заголовка в Slick-Grid 1.4.3?

Question

Я заметил, что последняя версия slick-grid имеет атрибут 'headerCssClass' для столбца, который отлично работает, за исключением того, что я ограничен использованием slick-grid версии 1.4.3.

Ярасширение slick-grid, чтобы добавить функциональность сортировки по нескольким столбцам, и нужно будет соответственно установить класс каждого заголовка сортировки.Итак, чтобы повторить вопрос, кто-нибудь знает способ динамического изменения класса любого данного заголовка в slick-grid 1.4.3?

Answer 1

Мне не очень нравится это решение, так как не рекомендуется использовать JQuery для изменения slick-grid, но здесь идет речь:

var headers = $('.slick-header-columns').get(0).children;

удалить любую информацию о классе не по умолчанию из всех заголовков (т. Е. $(headers).removeClass('slick-header-column-sorted'))

итерация по столбцам slick-grid и использование JQuery для добавления класса с индексом нужного столбца

var header = headers[wantedColIdx];
$(header).addClass('yourClass');

Answer 2

Я думаю, вы можете сделать это с помощью jQuery.

Добавить пустой класс CSS с некоторым именем.

Затем вы можете вызвать addClass и removeClass для динамического изменения класса.

http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/

т.е.

jQuery('.my-class').addClass('new-header-class');