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

Question

嗨，我是角色2的新人。我使用ng2-table。我添加到我的网站表格this。 我需要为表格中的特定行添加颜色。怎么可能？ 我尝试像tutorial一样添加它，但是没有成功。

Answer 1

检查他们提供的style file以了解正在使用的css级名称并尝试覆盖它们：

E.g。使用的课程：table dataTable table-striped table-bordered

CSS ：

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

Reulsts ：

Answer 2

从这里找到答案： https://github.com/valor-software/ng2-table/issues/342

我们可以通过添加一些样式来改变行的颜色：

快速而肮脏的解决方案：

第1步：集成jQuery

第2步：为结果表提供如下ID：

<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');
});}