Fuelux,如何修复转发器列的宽度

时间:2014-10-17 09:44:16

标签: html css fuelux

是否可以修复特定Fuel UX转发列的宽度?

我正在尝试使用css-nth选择器执行此操作:

.table thead tr th:nth-of-type(8),
.table tbody tr td:nth-of-type(8) {
    background: red;
    width:10px;
    max-width:10px;
}

上面的代码部分是正确的,因为第8列的背景是红色的,但只是<TD>而不是<TH>,并且无论如何宽度都不会改变。< / p>

关于如何设置固定宽度列的任何想法?非常感谢你的帮助。

修改

我用另一种方式解决了这个问题,只是添加了一个带有min-width的容器div,以便div伸展的列适合div宽度,实际上它会拉伸所有列。

不是正确的方法,但至少它起作用,因为我认为列大小是使用JS设置的,这就是为什么它只适用于css属性。

非常感谢!

2 个答案:

答案 0 :(得分:2)

您是否尝试过使用list_columnSizing: false选项?

有关详细信息,请访问:http://getfuelux.com/extensions.html#bundled-extensions-list

答案 1 :(得分:0)

试试这个

JS Fiddle

.table tr th:nth-child(8),
.table tr td:nth-child(8) {
    background: red;
    width:10px;
    max-width:10px;
}