2014-02-20 107 views
0

在這個例子中:Slickgrid分組行風格

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

謝謝!

回答

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,以便我可以訪問分組。

0

嘗試......

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

這會給你不具備slick-group類中的所有行(申報單),即誰是分組的行。

對於嵌套組,你必須檢查是否有父的closest()slick-group類,並應用我加入自己的自定義格式的第一列解決了這個幅度相應

+1

雖然它可能是一個有效的解決方案,但解釋一點點不會有害,並且會幫助用戶更好地理解。 – nKn

+0

是的,但這不會處理的情況下,我有嵌套組... – Vic

+0

謝謝...我編輯我的答案 –