当将列类型设置为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。
网友评论