代码之家 › 专栏 › 技术社区 › Vic

Slickgrid分组行样式

slickgrid

0

Vic · 技术社区 · 12 年前

在此示例中:

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

谢谢

2 回复 | 直到 12 年前

1

Vic 12 年前

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

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

2

0

Premshankar Tiwari 12 年前

试试这个。。。

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

这将提供所有没有类的行(div) slick-group 即谁是分组的行。

对于嵌套组,必须检查父组中是否有类 光滑组 通过 closest() 并相应地应用保证金

推荐文章

ghiscoding · 如何在Angular 4中使用SlickGrid(jQuery遗留库)

8 年前

Nakres · 按slickgrid中的seacrh字段将滚动条移动到特定行

9 年前

Chaitanya · 未捕获类型错误:无法读取未定义的属性“pageSize”

11 年前

Kim Christensen · Slickgrid-显示时立即填充新行

12 年前

sb9 · slickgrid高亮显示所有编辑的单元格

12 年前

Vic · Slickgrid分组行样式

12 年前

Mark Jeffords · 移动SlickGrid的顶部面板

12 年前