我对附加了 jquery 数据表的表的样式有一个非常奇怪的问题。有人可以帮我解决这个问题吗?我把页面放在这里:
PS:对于上面的链接,请忽略javascript错误和脚本故障。我只关心那个页面的 CSS。
非常感谢您提前。我真的被这个问题困住了。
我对附加了 jquery 数据表的表的样式有一个非常奇怪的问题。有人可以帮我解决这个问题吗?我把页面放在这里:
PS:对于上面的链接,请忽略javascript错误和脚本故障。我只关心那个页面的 CSS。
非常感谢您提前。我真的被这个问题困住了。
您的问题源于引导 css 设置input
为 260px 的默认宽度,这对于您的表格列来说太多了,并且导致列比脚本告诉他们的要宽
这不是 100% 的 css 解决方案,但会向您展示创建更强大的 css 规则以覆盖默认值的路径。
在所有 css 链接标签之后添加以下内容:
<style type="text/css">
input { width: 85%}
</style>
您的表格将缩小以适合父级,您只需要为 headerinput
标签和可能的<TH>
padding 编写一些 css 改进。我会添加一个特殊的类来使用输入元素并从那里开始工作。bootsrap API 的大小也有不同的类input
演示:http: //jsfiddle.net/PSvyz/