有没有办法动态更改slick-grid 1.4.3中单个头的类？

Question

我注意到最新版本的slick-grid在列上有一个'headerCssClass'属性，除非我被限制使用slick-grid 1.4.3版本，否则它会很好用。

我正在扩展slick-grid，以便添加多列排序功能，并且需要相应地设置每个排序标题的类。那么，要重新迭代这个问题，有没有人知道在slick-grid 1.4.3中动态更改任何给定标题的类的方法？

Answer 1

我认为你可以用jQuery做到这一点。

添加一个带有名称的空白css类。

然后，您可以调用addClass和removeClass来动态更改类。

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

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

即

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

Answer 2

我真的不喜欢这个解决方案，因为不喜欢使用JQuery修改光滑网格，但是这里有：

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

从所有标题中删除任何非默认类信息（即$(headers).removeClass('slick-header-column-sorted')）

遍历slick-grid的列并使用JQuery在所需的列索引处添加一个类

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