Установка цвета фона новых строк в таблице Bootstrap

Я использую Bootstrap Table с плагином Editable. У меня есть кнопка для добавления новых строк в таблицу. Мне нравится, чтобы ячейка для новой строки в столбце Notes имела синий цвет фона.

Из документации:

function cellStyle(value, row, index, field) {
  return {
    classes: 'text-nowrap another-class',
    css: {"color": "blue", "font-size": "50px"}
  };
}

Единственное, что согласуется с этими параметрами и добавлением новой строки, — это индекс = 0, поэтому я по умолчанию использую для всех остальных значение Null. Кажется, моя функция даже не вызывается. Я новичок в JavaSript, поэтому могу что-то упустить.

http://jsfiddle.net/8gk0ogtp/1/

 $button = $('#button');
    $(function () {
        $button.click(function () {
            $table.bootstrapTable('insertRow', {
                index: 0,
                row: {}
            });
            cellStyle();
        });
    });

function cellStyle1(value=Null, row=Null, index=0, field=Null) {  
   return {css: {"background-color": "blue"}}
}

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

Ответы (1)


arrow_upward
2
arrow_downward

Попробуй это

http://jsfiddle.net/bitriddler/qjht8stb/

Изменения:

При добавлении новых строк я добавил paintBlue=true

Обновлено cellStyle до этого

function cellStyle(value=Null, row=Null, index=0, field=Null) {
    if(row.paintBlue) {
        return {css: {"background-color": "blue"}}
    }
    return {};
}

Передача функции cellStyle при определении столбцов вместо передачи атрибута html data-cell-style

...
{
    field: 'Notes',
    sortable: 'true',
    cellStyle: cellStyle,
    title: 'Notes',
    editable: {
    type: 'textarea'
}
...
person Kareem Elbahrawy    schedule 01.12.2017