隐藏表头和最高层级的复选框

隐藏表头和最高层级的复选框

javascript 复制代码
		<!-- 表格 -->
		<el-table
			ref="tableRef"
			v-loading="tableLoading"
			default-expand-all
			class="flex-1 !h-auto"
			row-key="regionId"
			:header-cell-class-name="selectionClass"
			:row-class-name="rowClass"
			:data="menuTree"
			<el-table-column type="selection" width="55" />
			<el-table-column prop="menuName" label="菜单名称" />
		</el-table>



javascript 复制代码
	/* 隐藏表头的复选框 */
	function selectionClass(row: { columnIndex: number }) {
		if (row.columnIndex === 0) return "headerSelection";
	}
	/* 隐藏最高层级的复选框 */
	function rowClass(row: { row: { parentId: string } }) {
		if (row.row.parentId == "0") return "firstSelection";
	}


javascript 复制代码
<style lang="scss" scoped>
	:deep(.el-table .headerSelection .cell .el-checkbox__inner) {
		display: none;
	}

	:deep(.el-table .firstSelection .cell .el-checkbox__inner) {
		display: none;
	}
</style>

实现效果如下:

相关推荐
我胡为喜呀1 分钟前
Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化
前端·javascript·vue.js
我登哥MVP24 分钟前
Ajax 详解
java·前端·ajax·javaweb
非凡ghost1 小时前
Typora(跨平台MarkDown编辑器) v1.12.2 中文绿色版
前端·windows·智能手机·编辑器·软件需求
馨谙1 小时前
/dev/null 是什么,有什么用途?
前端·chrome
JamSlade2 小时前
流式响应 sse 系统全流程 react + fastapi为例子
前端·react.js·fastapi
徐同保2 小时前
react useState ts定义类型
前端·react.js·前端框架
liangshanbo12152 小时前
React 19 vs React 18全面对比
前端·javascript·react.js
望获linux2 小时前
【实时Linux实战系列】Linux 内核的实时组调度(Real-Time Group Scheduling)
java·linux·服务器·前端·数据库·人工智能·深度学习
Never_Satisfied2 小时前
在 JavaScript 中,删除数组中内容为xxx的元素
java·前端·javascript
_菜鸟果果2 小时前
Vue3+echarts 3d饼图
前端·javascript·echarts