Slickgrid 分组行 CSS

Question

在这个例子中：

http://mleibman.github.io/SlickGrid/examples/example-grouping

您可以按特定列对行进行分组，但我希望组内的行缩进。有没有办法可以将 class 添加到分组行之类的？我似乎找不到一个好的方法来做到这一点。

我正在创建分组：

function groupByDuration() {
  dataView.setGrouping({
    getter: "duration",
    formatter: function (g) {
      return "Duration:  " + g.value + "  <span style='color:green'>(" + g.count + " items)</span>";
    }
  });
}

我试过了Slickgrid grouping rows style

var myFormatter = function(row, cell, value, columnDef, dataContext) {
    var groupings = this.getGrouping().length;
    var indentation = groupings * 15 + 'px';
    var spacer = '<span style="margin-left:' + indentation + '"></span>';
    return spacer + value;
};

但我的问题是如何将此函数与 slickgrid 的 dataView 绑定，以便我可以访问分组，因为目前我收到错误 "Object doesn't support property or method 'getGrouping'"

谢谢

谢谢！

Answer 1

我很确定您正试图根据分组的行数向左移动某些列值或组的 header。

我修改了 grouping-example groupByDuration 格式化程序来尝试展示这一点。这里是 link to the jsFiddle.

如果我还没有找到您想要完成的事情的根源，请尝试进一步更新 jsFiddle 以说明您到底想做什么。

Slickgrid 分组行 CSS

Slickgrid Grouping Row CSS

css

slickgrid