【问题标题】:Fuelux, how to fix the width of a repeater columnFuelux,如何固定中继器列的宽度
【发布时间】:2014-10-17 09:44:15
【问题描述】:

是否可以固定特定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>上,而且宽度没有改变。

知道如何设置固定宽度的列吗?非常感谢您的帮助。

编辑

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

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

还是谢谢!

【问题讨论】:

  • 你能做一个小提琴吗?
  • 并不是那么容易,因为表格是使用 javascript 生成的,并且数据是从另一个 ajax 请求加载的......

标签: html css fuelux


【解决方案1】:

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

欲了解更多信息,请访问:http://getfuelux.com/extensions.html#bundled-extensions-list

【讨论】:

    【解决方案2】:

    试试这个

    JS Fiddle

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

    【讨论】:

      猜你喜欢
      • 2021-02-18
      • 2015-03-14
      • 2015-01-07
      • 1970-01-01
      • 2010-12-26
      • 1970-01-01
      • 2021-12-08
      • 1970-01-01
      • 2014-11-14
      相关资源
      最近更新 更多