jquery - DataTables 一页中多个表的多种样式

Question

我是数据表的新手，需要让多个数据表在同一页面中工作 我找到了多个表的在线 JSBIN，因此我可以尝试使用样式..

这是 fork 的 JSBIN 演示 http://jsbin.com/qawota/1/edit

我正在尝试将多种样式应用于表格的不同标题。例如，最里面的表格我想更改标题以具有彩色背景等。任何让它看起来不同的东西，这样就不会混淆使用表格的人

我已经为内部表提供了一个 example1 的 id 和一个 innerDataTable 类，但是在 css 中编写类似 .innerDataTable 的内容或尝试使用 id 进行选择无效。

谢谢

Answer 1

你可以使用 Jquery .css() 更改页面的 css 样式。

我更新了您的示例，添加了一个onClick 更改标题背景的按钮。

HTML:

<a id="change_style" onClick="change_style();">Change style</a>

Js:

function change_style() { 
  $('#example tr[role="row"]').css('background','red');
}

JSBin:http://jsbin.com/forenisedevu/1/edit