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覆盖。