Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/257.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 排序时使表格显示交替颜色背景_Php_Jquery_Css - Fatal编程技术网

Php 排序时使表格显示交替颜色背景

Php 排序时使表格显示交替颜色背景,php,jquery,css,Php,Jquery,Css,我将数据输出到一个表中,可以通过转到并单击“单击魔法按钮”找到该表 问题是,当您单击任何标题对表进行排序时,它不会保留交替颜色背景方案。这可能是一个快速解决办法,但我不知道怎么做 任何帮助都将不胜感激 当我在链接中查看您的表时,单击标题时不会发生任何事情,并且行上没有颜色。但我可以猜测,如果这些功能处于活动状态,为什么会出现问题 不要在每个表行上设置单独的类(如“奇数”和“偶数”),而是尝试使用CSS子选择器动态定义行的样式,如下所示: tr:nth-child(even) {backgroun

我将数据输出到一个表中,可以通过转到并单击“单击魔法按钮”找到该表

问题是,当您单击任何标题对表进行排序时,它不会保留交替颜色背景方案。这可能是一个快速解决办法,但我不知道怎么做


任何帮助都将不胜感激

当我在链接中查看您的表时,单击标题时不会发生任何事情,并且行上没有颜色。但我可以猜测,如果这些功能处于活动状态,为什么会出现问题

不要在每个表行上设置单独的类(如“奇数”和“偶数”),而是尝试使用CSS子选择器动态定义行的样式,如下所示:

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

您可以阅读更多相关内容并查看一个示例。

该链接显示了控制台中的一个js错误。当您修复它时,请按照它的编码方式进行操作。我正在为一个朋友编辑这个。如果你转到并单击“单击魔法按钮”,它将带你到正确的表格。我在你发布的链接上测试了我的解决方案,它工作正常。您只需删除表格单元格的样式,例如
tr.odd td{background:003040;}
tr.偶数td{background:transparent;}
td{background:#FFFF99;}
工作得很好!!谢谢