ng-grid, как удалить автоматически сгенерированные столбцы агрегации/группировки

Кто-нибудь знает, как я могу удалить автоматически сгенерированные столбцы, которые добавляются всякий раз, когда группировка добавляется в ng-сетку? Столбцы пустые, отображаются слева и имеют ширину около 30 пикселей. В каждой группе есть один из этих столбцов (поэтому, если бы я сгруппировал по 5 полям, у меня было бы 5 из этих пустых столбцов, и это действительно отбрасывает мое форматирование).

РЕДАКТИРОВАТЬ: я включаю plunker с веб-сайта ng-grid, чтобы проиллюстрировать проблему - для каждого столбца, «сгруппированного по», в левой части сетки появляется дополнительный автоматически сгенерированный столбец.

http://plnkr.co/edit/Bp2h2Lg6YzJoMbjocgg2?p=info


angularjs autogeneratecolumn ng-grid
person Paul Witherspoon    schedule 12.05.2014    source источник
comment
Разве в нем не должна быть стрелка расширения/свертывания? Вы, вероятно, где-то пропустили артефакт изображения, если они пусты.   -  person BenCr    schedule 13.05.2014
comment
Вы можете добавить пример/скрипку? потому что трудно понять, что вы имеете в виду.   -  person Alex Choroshin    schedule 13.05.2014
comment
Спасибо за ответ Бен и Алекс. Алекс, я включил планкер прямо с сайта ng-grid, так как он показывает, что я пытаюсь сделать. Если вы перетащите какие-либо столбцы на панель группировки в верхней части сетки (где написано «Перетащите сюда заголовок столбца и перетащите его, чтобы сгруппировать по этому столбцу»), вы увидите дополнительную автоматически сгенерированную строку слева от сетки. для каждой строки, включенной в группы. Вот ссылка: plnkr.co/edit/Bp2h2Lg6YzJoMbjocgg2?p=info. Спасибо.   -  person Paul Witherspoon    schedule 13.05.2014
comment
Привет, Бен, ты прав в том, что в столбце обычно есть стрелка. Я изменил шаблон агрегата, чтобы удалить эту стрелку, так как я не разрешаю разворачивать/сворачивать группы. Таким образом, столбец, в котором обычно была бы стрелка, представляет собой пустое место, поэтому я надеялся избавиться от него. Это мой совокупный шаблон: var htmlAggregateTemplateEdit=‹table ng-style=\rowStyle(row)\ class=\ngAggregate\› ‹tbody›‹tr› ‹td › ‹div class=\ob_gRGHC\› ‹span class=\ngAggregateText \›{{row.label CUSTOM_FILTERS}}‹/span› ‹/div› ‹/td› ‹/tr›‹/tbody› ‹/table›   -  person Paul Witherspoon    schedule 13.05.2014

Ответы (2)


arrow_upward
1
arrow_downward

Просто добавьте showTreeRowHeader: false, к сетке

person Mohamed NAOUALI    schedule 18.04.2016

arrow_upward
0
arrow_downward

Я понял. Мне пришлось использовать событие ndGridEventGroups.

    $scope.$on('ngGridEventGroups', function (newColumns) {

        var log = [];
        angular.forEach(newColumns.targetScope.columns, function (value) {
        if (value.isAggCol != undefined)
            {value.visible = !value.isAggCol;}

        }, log);

    });

затем для css вам нужно использовать (обратите внимание, что вам нужно заменить «таблицу» любым html-объектом, который вы используете в своем сводном шаблоне — очевидно, у меня была таблица :)

<style type="text/css">
span.ngAggregateText {left:0px !important;}
table.ngAggregate {left:0px !important;}
</style>
person Paul Witherspoon    schedule 16.05.2014