Element Plus Table 隐藏表头中的checkbo

2023-12-05  本文已影响0人  寻找无名的特质

当将列类型设置为selection时,表头中出现设置全部选择的checkbox,某些情况下需要将其隐藏,一开始觉得比较好实现,结果发现不是那么容易,因为这种情况下,不支持使用列模板自定义显示内容,只能使用CSS将其隐藏。最后发现,只能使用header-cell-class-name添加新的class 类, :header-cell-class-name="headerCellClass"。具体代码如下:

headerCellClass(obj: any) {
            if (!this.multiplestate && !this.options.unselection && obj.columnIndex == 0) {     
                return 'hideCheckbox'
            }
        },

还需要使用sass定义样式:

<style lang="scss" scoped>
:deep(.hideCheckbox .cell) {
    display: none;
}
</style>

定义时需要增加scoped。

上一篇 下一篇

猜你喜欢

热点阅读