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

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

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

我的想法是

• 制作既有图案又有箭头的图像（看起来不是很优雅）
• 向每个th添加一个div或span，并将sort类应用于该th而不是th

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

---

谢谢。

在

标记中插入一个空div并应用sort类应该会给您提供一个快速干净的解决方案。
您可能不需要将表头设置为
位置：相对
，并使用
：before
设置为
显示：块；位置：绝对位置；上、左、右、下：0
以应用所需的bg。这样，您就不必在jquery ui css中保留单独的版本和自定义更改。
使用纯css解决方案：

.headerSortDown:after,
.headerSortUp:after{
    content: ' ';
    position: relative;
    left: 10px;
    border: 8px solid transparent;
}
.headerSortDown:after{
    top: 10px;
    border-top-color: silver;
}
.headerSortUp:after{
    bottom: 15px;
    border-bottom-color: silver;
}

jqGrid附带MIT许可证，不是吗？你为什么要买它？当然，你可以购买支持时间来表示感谢。我会和迪夫一起去，也许是习惯了。现在只有30张执照。jqGrid客户端仍在麻省理工学院的许可之下（请参阅他们的谷歌代码网站）。PHP或.NET堆栈是专有的，价格不同。请在此处查看我的纯CSS答案：（可能重复）