Jquery 光滑网格行删除线

在Slickgrid中，如何对行应用删除线

我尝试使用“文本装饰”样式，但样式不适用。我已经尝试了下面的代码将样式应用于行

data.getItemMetadata = function (row) {

    if (this[row].title == 'Task 5'){
        return {
            cssClasses: 'highlight'

        };
    }
    return null;
}

CSS

有几件事：

1） 从引用数据的方式来看，您直接使用JSON对象作为数据。可以这样做，但如果要使用行元数据，则不能这样做

2） 因此，要访问

getItemMetadata

，您需要使用符合

example-4-model

的数据视图，并添加：

dataView.getItemMetadata = function (row) {
  var v = this.getItem(row);
  if (v.title == 'Task 5'){
    return {
        cssClasses: 'highlight'

    };
  }
  return null;
}

3） 即使这样（我测试了上面的代码，它确实添加了类），行上的类也不会向列数据添加删除线。 这将：

.highlight > .slick-cell {
  text-decoration: line-through;
}    

您可以使用其他css技巧来获取所需内容，或者作为最后手段，您可以添加列元数据属性而不是行元数据属性

最后，请检查一下，它是目前最新的分支，在MLeibman分支上进行，没有对其进行定制（只是bug修复和小的增强）。已经修复了许多bug，并使用jQuery1.8+、2.x和3.x对其进行了全面测试

.highlight > .slick-cell {
  text-decoration: line-through;
}