ng2-table如何添加樣式到特定行

Question

嗨，我是新的角2。我使用ng2-table。我添加到我的網站表，如this。 我需要在表格中添加一個顏色到特定的行。這怎麼可能？ 我試圖添加它像tutorial與他的專欄，但沒有成功。

Answer 1

找到了答案，採取從這裏： https://github.com/valor-software/ng2-table/issues/342

一個快速和骯髒的解決方案：

第1步：整合jQuery的

第2步：給你的結果表中的ID，我們可以通過添加一些樣式，這樣更改行的TE顏色像：

<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：