【问题标题】:Change child row color using jquery tablesorter使用 jquery tablesorter 更改子行颜色
【发布时间】:2012-09-20 10:28:13
【问题描述】:

我正在使用 tablesorter jquery add on 的修改版本。

http://www.pengoworks.com/workshop/jquery/tablesorter/tablesorter.htm

我需要折叠的行采用一种颜色,而不是父行的颜色。

即使我明确设置子颜色,它仍然被父行颜色取代。

我该如何打破这个逻辑

【问题讨论】:

  • 从注入的行中删除 oddeven 类,并使用您自己的 background-color 应用您自己的类。但是,请发布您的实施的相关代码。如果可能,添加一个 jsFiddle。

标签: jquery tablesorter


【解决方案1】:

您只需要增加子行的CSS specificity。唯一的问题是父行有一个跨行到子行的单元格,因此它不会与子行的其余部分一起设置样式。

试试这个css(当然用你想要的颜色); here is a demo:

table.tablesorter .expand-child.odd td,
table.tablesorter .expand-child.even td {
    background: #7ff;
}

【讨论】:

  • @Mottie- 非常感谢,修改您的更改对我有用。
  • 我的修改 .expand-child td{ 背景:#B8B8B8; } .expand-child td { 背景:#B8B8B8; }
  • 哥们,你的demo很有帮助,顶你
猜你喜欢
  • 2014-04-29
  • 1970-01-01
  • 1970-01-01
  • 2011-02-25
  • 2013-08-30
  • 1970-01-01
  • 1970-01-01
  • 2022-01-24
相关资源
最近更新 更多