element-ui 中el-table-column的render-header使用

el-table中有时候需要自定义表头,如何使用通过render-header来设置表头,

下面是在表头自定义el-select,在select中自定义模板,以及表头自定义el-input


自定义el-input以及el-select

首先来看一下自定义el-input的内容

el-table-column 表头渲染

在el-table-column中绑定render-header,然后写渲染函数filterAddrs

element-ui 中el-table-column的render-header使用_第1张图片
filterAddrs函数


filterStatus函数


element-ui 中el-table-column的render-header使用_第2张图片
自定义表头select,并自定义el-select样式


element-ui 中el-table-column的render-header使用_第3张图片
渲染函数1
element-ui 中el-table-column的render-header使用_第4张图片
渲染函数2

你可能感兴趣的:(element-ui 中el-table-column的render-header使用)