如何将css类添加到slickGrid中的特定行？
我到处寻找，以找出如何在slickgrid中向特定行添加类。它看起来像是曾经有一个rowCssClasses属性，但现在它不见了。在这方面的任何帮助都将非常感谢。
更新：在渲染之前，我使用getItemMetadata...so解决了这个问题，你必须这样做：
dataView.getItemMetadata = function (row) {
if (this.getItem(row).compareThis > 1) {
return {
'cssClasses': 'row-class'
};
}
};这将把“row -class”注入到与if语句匹配行。看起来这个getItemMetadata函数并不存在，直到你把它放在那里，然后slickGrid检查里面是否有什么东西。这使得找出它的选项有点困难，但是如果您在slick.grid.js文件中搜索getItemMetadata，您应该会找到一些隐藏的宝藏！我希望这对某些人有帮助！
如果有更好的方法，请让我知道。
回答 3
Stack Overflow用户
发布于 2012-07-19 21:24:05
在较新版本的SlickGrid中，DataView提供了自己的getItemMetadata来提供组标题和总计的格式。不过，将其与您自己的实现链接起来很容易。例如,
function row_metadata(old_metadata_provider) {
return function(row) {
var item = this.getItem(row),
ret = old_metadata_provider(row);
if (item && item._dirty) {
ret = ret || {};
ret.cssClasses = (ret.cssClasses || '') + ' dirty';
}
return ret;
};
}
dataView.getItemMetadata = row_metadata(dataView.getItemMetadata);Stack Overflow用户
发布于 2013-05-08 04:04:32
myDataView.getItemMetadata = function(index)
{
var item = myDataView.getItem(index);
if(item.isParent === true) {
return { cssClasses: 'parentRow' };
}
else {
return { cssClasses: 'childRow' };
}
};//在我的CSS中
.parentRow {
background-color: #eeeeee;
}
.childRow {
background-color: #ffffff;
} Stack Overflow用户
发布于 2013-04-15 23:11:24
您可以使用setCellCssStyles函数：https://github.com/mleibman/SlickGrid/wiki/Slick.Grid#wiki-setCellCssStyles
grid.setCellCssStyles(关键字，哈希)
key -字符串键。将覆盖任何已与此键关联的数据。
hash -附加单元格CSS类的散列，先按行号，然后按列id。可以指定多个CSS类并用空格分隔。
示例：
{ 0：{ "number_column"：“单元格-粗体”，"title_column"：“单元格标题单元格突出显示”}，4：{ "percent_column"：“单元格突出显示”}}
我用它来突出显示我的网格中编辑过的字段。我不喜欢getItemMetadata方法。
https://stackoverflow.com/questions/8930167
复制相似问题