element-ui table-自定义表格某列的表头样式或者功能

禾苗种树

已于 2024-01-02 16:46:15 修改

阅读量1.3k

点赞数 13

分类专栏： UI组件二改文章标签： elementui 前端 ui javascript

于 2024-01-02 16:32:44 首次发布

本文链接：https://blog.csdn.net/m0_45011929/article/details/135340433

版权

UI组件二改专栏收录该内容

10 篇文章 0 订阅

订阅专栏

自带表格
自定义表格某列的表头样式或者功能

 <el-table>
 	<el-table-column :prop="date">
 		//自定义表身每行数据
 		<template slot-scope="scope">
        	{{scope.row[scope.column.label] === '-' ? '-' : scope.row[scope.column.label]}}
        </template>
        
        //自定义表头
        <template slot='header'  slot-scope="scope">
			<el-button type="primary" @click="filterTest(scope.column)">筛选</el-button>
        </template>
     </el-table-column>
</el-table>