我对附加了 jquery 数据表的表的样式有一个非常奇怪的问题。有人可以帮我解决这个问题吗?我把页面放在这里:
PS:对于上面的链接,请忽略javascript错误和脚本故障。我只关心那个页面的 CSS。
非常感谢您。我真的被这个问题困住了。
最佳答案
您的问题源于 bootstrap css 集 input
默认宽度为 260px,这对于您的表格列来说太大了,并且导致列比脚本告诉它们的宽度要宽
这不是 100% 的 css 治愈方法,但会向您展示创建更强大的 css 规则以覆盖默认设置的途径。
在所有的css link标签后添加如下内容:
<style type="text/css">
input { width: 85%}
</style>
您的表格将缩小以适合父级,您只需要为标题 input
编写一些 css 改进。标签,也许 <TH>
填充。我会添加一个特殊的类到带有输入元素的行并从那里开始工作。
bootsrap API 也有不同的大小为 input
的类
关于jQuery 数据表 + Twitter Bootstrap CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13219200/