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>";
    }
  });
}

谢谢！

Answer 1

我通过将自己的自定义格式化程序添加到第一列来解决这个问题。

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，以便我可以访问分组。

Answer 2

试试这个......

$(".slick-row:not(.slick-group)").css('margin-left','20px');

这将为您提供所有没有类slick-group的行（div），即谁是分组行。

对于嵌套组，您必须检查父级是否有任何slick-group closest()，并相应地应用边距

Slickgrid分组行样式

2 个答案: