Slickgrid 分组行 CSS

Question

在这个例子中：

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

您可以按某些列对行进行分组，但我希望组内的行缩进。有没有办法可以将类添加到分组的行或其他东西？我似乎找不到这样做的好方法。

我正在通过以下方式创建分组：

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 绑定，以便我可以访问分组，因为目前我收到错误“对象不支持属性或方法 'getGrouping'”

谢谢

谢谢！

Answer 1

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

我已经修改了分组示例groupByDuration 格式化程序来尝试展示这一点。这是link to the jsFiddle。

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