tableHeaderStyle({ row, column, rowIndex, columnIndex }) {
if (rowIndex == 0) {
let extra = {};
if (columnIndex == 0) {
extra = {
'border-radius': '12px 0px 0 0', 特殊设置圆角
}
}
else if (columnIndex == 4) {
extra = {
'border-radius': '0px 12px 0 0',
}
}
const styleResult = Object.assign({}, extra, { 其他表头的cell格的通用样式
background: " #367FFD", 'color': '#FFF',
'font-size': '24px',
'font-style': 'normal',
'font-weight': '500',
'font-family': 'Source Han Sans CN',
'text-align': 'center'
})
return styleResult;
}
},
element ui 的table实现圆角显示
最新推荐文章于 2026-06-19 11:29:46 发布
文章描述了一个名为`tableHeaderStyle`的函数,用于在React组件中根据rowIndex和columnIndex动态设置表格头部单元格的CSS样式,如圆角、背景色、字体等。



167

被折叠的 条评论
为什么被折叠?



