jquery - 表格标题背景图像和排序箭头图像

Question

我一直在使用 jquery.tablesorter 对表格进行排序，但我想通过使用背景图像为表格标题提供一种模式。如果我这样做，排序单元格上的 .headerSortUp 和 .headerSortDown 类会覆盖这些单元格上的背景图像。

我读到 CSS3 支持多个背景，但是同时使用背景图像和排序箭头/图像的最佳方式是什么？

我的想法是

• 制作同时具有图案和箭头的图像(看起来不是很优雅)
• 向每个 th 添加一个 div 或 span 并将排序类应用于它而不是 th

如有任何建议，我们将不胜感激。实际上，jqGrid 是我正在寻找的一个很好的例子。也许我应该买那个。

谢谢。

Answer 1

将一个空的 div 插入到 <th> 中标记并应用排序类应该可以为您提供快速干净的解决方案。