Использование CellStyle при добавлении строк с помощью BootstrapTable

У меня есть Bootstrap-Table с кнопкой для добавления новой строки данных. Я хотел бы покрасить ячейку определенного столбца (text2) для каждой новой строки по мере ее вставки. Я использую встроенный метод cellStyle(), как показано здесь: http://jsfiddle.net/wenyi/e3nk137y/9/, но метод функции никогда не вызывается.

Документация для Bootstrap-Table: http://bootstrap-table.wenzhixin.net.cn/documentation/

Объявление таблицы с параметром cellStyle:

<table id="table" data-pagination="true"  data-cell-style="cellStyle" class="table table-striped"></table>

функция для добавления стиля:

function cellStyle(value, row, index, field) {
  if (index === 0 && field == 'text2') {
    return {classes: 'warning'};
  }
  else {
    return {};
  }
}

Мой полный код:

http://jsfiddle.net/wtg54xpy/


javascript css twitter-bootstrap bootstrap-table
person user2242044    schedule 10.01.2018    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Что-то похожее на это? http://jsfiddle.net/fp61qL0k/

В документации говорится, что вы должны добавлять функцию в заголовок столбца таблицы, а не в саму таблицу. Отсюда он просто манипулирует функцией.

{
   field: 'text2',
   title: 'TEXT 2',
   cellStyle: cellStyle,
}
person davidatthepark    schedule 11.01.2018
comment
Спасибо. Я видел заголовок таблицы. Сложность в том, что мне это нужно только для новых строк, а не для всего столбца. - person user2242044; 11.01.2018
comment
Есть несколько способов сделать это. Проверьте это jsfiddle.net/85h32nyz - person davidatthepark; 11.01.2018