Ant Design 表格控件Table固定列宽

Table控件

Ant Design 是蚂蚁金服试用的前端组件,很强大的控件库,目前的项目在使用。
使用过程中发现Table组件的一个小问题,就是列宽无法固定,一个table中必须有一列或者多列的列宽处于浮动状态,无法所有的列宽都固定。

虽然提供了width属性,但是也不好使

最后使用一个折中办法,通过样式覆盖设置所有列宽的最大最小值:

:global {
.rightExamineContent .ant-table-wrapper tr>td:first-child {
    min-width: 93px;
    max-width: 93px;
  }
  .rightExamineContent .ant-table-wrapper tr>td:not(:first-child) {
    min-width: 60px;
    max-width: 60px;
  }
}

注意要使用:global,同时为了防止覆盖全局,使用特定的父class覆盖。

你可能感兴趣的:(Ant Design 表格控件Table固定列宽)