Skip to content

列宽

基础

通过

  • StkTableColumn['width'] : number|string
  • StkTableColumn['minWidth'] : number|string
  • StkTableColumn['maxWidth'] : number|string

设置列宽行为,传 number 类型时,单位是px。

也支持字符串自行指定单位,如%,em,ch等(虚拟列表只支持px)。

INFO

配置了 StkTableColumn['width'] 就会同时配置 StkTableColumn['minWidth']StkTableColumn['maxWidth']

loading

表格不铺满

组件中的表格默认 min-width=100%,会铺满整个容器。因此,如果 所有列宽总和 < 容器宽度 时,会根据配置列宽的比例自动调整,使表格铺满整个容器。(这也是原生表格的默认行为)

如果希望不铺满,可以设置 StkTable['minWidth']unset

loading

横向虚拟列表

在普通(非虚拟列表)模式与虚拟列表模式下的列宽控制行为有所不同。

在开启 props.virtual-x(横向虚拟列表)的情况下,必须要设置列宽用于计算。

WARNING

不设置列宽会将每一列的宽度设置为100

固定列相关问题

如果您发现固定列的位置有问题,请检查是否设置列宽。具体移步固定列

根据 MIT 许可证发布