Ag-сетка показывает количество строк

Я тестирую корпоративную версию и хочу знать, могу ли я отображать в строке состояния какой-либо пользовательский текст? (если строка состояния невозможна, есть ли альтернатива?)

Я хочу показать X rows / Y total rows таблицы или, если это невозможно, просто X rows

ИЛИ Indicators: Blue - Manual Deposit, Red - Failed Deposit, Green - Success (с пользовательским стилем для отображения цветов в этом примере)

Это возможно? (Кстати, я использую Angular 1)


angularjs ag-grid
person Amit    schedule 12.04.2016    source источник

Ответы (2)


arrow_upward
11
arrow_downward

Вы задали 2 разных вопроса, и я попытаюсь объяснить оба.

Я хочу показать X строк/Y всего строк таблицы

У вас есть Y total rows в gridOptions.api.getModel().getRowCount(). Я предполагаю, что X rows относится к «текущим отображаемым строкам», и я думаю, что нет текущего способа его получить. Мы привыкли, хотя, так что я могу ошибаться.

Индикаторы: синий — ручной депозит, красный — неудачный депозит, зеленый — успех

Я предполагаю, что вы говорите об изменении стиля ячейки/строки? Для оформления ячеек см. определение столбца cellClassRules. . С веб-страницы:

ag-Grid позволяет применять правила для включения определенных классов. Если вы используете AngularJS, то это похоже на ng-class, где вы указываете классы как ключи объекта Javascript, а правила — как значения объекта.

Вы можете использовать его так:

//'Success', 'Manual' and 'Failed' are placeholders for the actual values
// you must compare to.
cellClassRules: {
    'green': function(params) { return params.value === 'Success'},
    'blue': function(params) { return params.value === 'Manual'},
    'red': function(params) { return params.value === 'Failed'}
},

Для стиля всей строки вы можете добиться этого с помощью то, что я объяснил в этом другом вопросе

// Again, 'Success', 'Manual' and 'Failed' are placeholders 
// for the actual values you must compare to.
gridOptions.api.getRowStyle(params) {
    switch(params.data.myColumnToCheck){
        case 'Success':
            return {'background-color': 'green'};
        case 'Manual':
            return {'background-color': 'blue'};
        case 'Fail':
            return {'background-color': 'red'};
    }
    return null;
}
person tfrascaroli    schedule 13.07.2016

arrow_upward
0
arrow_downward

Вы можете отобразить текущую строку дисплея в сетке ag, используя приведенный ниже метод grid.api.inMemoryRowController.rowsToDisplay.length.

Спасибо

person stackinfostack    schedule 09.04.2018
comment
У меня это не сработало (используя angular). Вот как я смог получить общее количество строк: grid.api.getDisplayedRowCount() - person Wagner Danda da Silva Filho; 21.06.2018