jquery Datatables排序图标放在实际文本下方的行中？答案

【问题标题】：jquery Datatables sort icons put on row below the actual text?jquery Datatables排序图标放在实际文本下方的行中？
【发布时间】：2011-03-07 18:35:52
【问题描述】：

除了查看/删除我的 jquery Datatables 插件的 sDom 设置之外，我还浏览了所有 CSS 文件（其中有很多），但由于某种原因，排序图标（向上和向下箭头）在我的文本旁边放置在文本下方，就好像以某种方式输入了 html
。

以前有人遇到过这种情况吗？

【问题讨论】：

您是否尝试过使用 Firebug 或其他 Web 开发工具包检查表格标题单元格？在大多数情况下，您可以为特定的 DOM 元素一一启用/禁用样式，直到找到导致它的样式。
@fencliff - 我没有，不知道你可以这样做

【解决方案1】：

这就是我解决这个问题的方法

.css_right
{
    /* adding this keeps the sort icon on the same level as the label */
    float:right;
}

图标已经有这个类，但由于某种原因它没有正确显示的样式

【讨论】：

【解决方案2】：

我发现 Firefox 的 Firebug 扩展在调试 CSS 问题时非常有用。

您可以“实时”禁用和修改页面上的 CSS 样式。真正消除了样式继承混乱中的猜测，否则可能无法解决。

图片来自 Firebug 网站http://getfirebug.com/css。

【讨论】：

【解决方案3】：

答案就在我面前，但显然您必须将“显示”类应用于所有表格元素，脚本才能正常运行。我花了好几个小时在这上面浏览 CSS，但什么也没回来。我希望我的时间可以帮助别人拯救一堵新墙。

【讨论】：

谢谢，这确实帮了很多忙。
对不起，我不太明白你的意思，能给我一点代码 sn-p 来解决这个问题吗？
您能否对此提供更多描述。我在这里遇到同样的问题。
@peipst9lker @user1413 - 他的意思是把 display 放在你的 table 类 中，就像 <table class="display other-class" id="dataTable">`可见here。每个人都应该在实现之前（如果可能）在浏览器中使用开发工具来测试 css，以避免花费宝贵的时间重新加载页面以查看效果