【问题标题】: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

标签: jquery html css 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');
}

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

【讨论】:

  • 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');
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多