jquery - 具有 "nowrap"要求的数据表固定列

标签 jquery datatables nowrap

我有大量表格数据,其中最左边的列需要始终显示,并且每一行只占一行 - 这可以通过 CSS 指令 white-space: nowrap 来实现>.

我选择了DataTables jQuery plugin及其FixedColumns extension ,这非常适合我想要做的事情。

但是,在 Internet Explorer(我手头上的版本是 11)中,我发现网格未正确对齐 - 固定列有自己的滚动条,并且表格标题不再与相应的列完美对齐。

我创建了一个 JSFiddle 来演示该问题 - http://jsfiddle.net/tczwysao/11/ 。您可以看到,如果注释掉空白指令,那么列就会对齐。但我确实需要最左边的一列保持在一行上。

我实现此方法的方式是否有错误,或者有人可以建议解决方法吗?

最佳答案

您忘记加载 Bootstrap 并添加适当的表格类table table-striped table-bordered

参见this jsFiddle用于演示更正后的代码。

关于jquery - 具有 "nowrap"要求的数据表固定列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32386364/

相关文章:

java - 为什么 Markitup BBcode 预览对我不起作用?

javascript - 将一个 div 的宽度设置为另一个 div 的宽度

html - 使一段文字不间断?

jQuery .load() 弄乱了我的 <a> 标签

php - Jquery从列表淡出后滑动到位置效果

jquery - 有人可以用一种非常简单的方式帮助解释 jQuery 扩展吗?

javascript - 拉维尔 : Data-table search option not working using relationship table field

css - 溢出:以可变的 100% 宽度隐藏

html - 防止在 URL 中换行

javascript - 如何阻止子 div 继承父 div 的某些属性?