ng2-table как добавить стиль к определенной строке

Question

Привет, я новичок в угловом 2. Я использую ng2-table. Я добавил к таблице своего сайта, как this. Мне нужно добавить цвет к определенному строке внутри таблицы. Как это возможно? Я попытался добавить его, как tutorial сделал со своими колоннами, но безуспешно.

Answer 1

Найдено ответ, взято отсюда: https://github.com/valor-software/ng2-table/issues/342

Мы можем изменить тэ цвет строки, добавив некоторые стиль к нему, как это:

быстрый и грязный раствор:

Шаг 1: Интеграция Jquery

Шаг 2: Дайте таблицу результатов идентификатор как:

<ng-table id="resultDataTable" ... 

Шаг 3: Измените onCellClick метод:

onCellClick(data: any): any { 
/* get index of row */ 
let index = this.tableData.indexOf(data.row); 

/* add an class 'active' on click */ 
$('#resultDataTable').on('click', 'tr', function (event: any) { 
    //noinspection TypeScriptUnresolvedFunction 
    $(this).addClass('active').siblings().removeClass('active'); 
});} 

Answer 2

Проверьте их style file при условии, чтобы знать, что CSS-класса имен используют и пытаются переопределить их:

Э.Г. классов, используемых: tabledataTabletable-stripedtable-bordered

CSS:

table.dataTable tbody th, table.dataTable tbody td { 
    padding: 8px 10px; 
    background-color: red; 
} 

Reulsts: