DataTables 在一页中的多个表上的多种样式

【问题标题】：DataTables multiple styles on multiple tables in one pageDataTables 在一页中的多个表上的多种样式
【发布时间】：2014-10-12 12:07:04
【问题描述】：

我是数据表的新手，需要让多个数据表在同一页面中工作我找到了多个表的在线 JSBIN，所以我可以玩弄样式..

这里是分叉的 JSBIN 演示 http://jsbin.com/qawota/1/edit

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

我已经给内部表一个 id example1 和一个类 innerDataTable 但在 css 中编写类似 .innerDataTable 或尝试使用 id 进行选择没有效果。

谢谢

【问题讨论】：

只需要更具体的规则，例如table table th{..} 不会影响顶级表
嗯，我正在尝试更具体的规则，但我似乎无法让选择器完全正确，你能在 JSBIN 中告诉我吗？我正在尝试类似innerDataTable.table.datatable

【解决方案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');
}

【讨论】：

hmm 将其应用于所有表，我只想尝试使用 id=example1 和类 innerDataTable 来定位最里面的表。使用更新后的 id 修改 JSBIN 似乎不起作用
问题是#example1 没有附加到代码中。如果您将 id / class 添加到 tr / th 它就可以了。这是因为在js代码function fnFormatDetails()/function fnFormatDetails1()中创建的表id。您必须更改这些功能才能使其正常工作。
谢谢！我只需要选择：以下$('#doubleinner'+iPos+'_'+jPos+'tr[role="row"]').css('background','red');