Slickgrid группировки строк в стиле

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, чтобы получить доступ к группировкам.

Answer 2

Попробуйте это ...

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

Это даст вам все строки (дивы), которые не имеют класс slick-group то есть кто сгруппированные строки.

Для вложенных групп, вы должны проверить, есть ли какие-либо из родительского класса slick-group по closest() и применить запас соответственно