修改element ui的table的表头

Posted soso辉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了修改element ui的table的表头相关的知识,希望对你有一定的参考价值。

大概代码是这样的:
调用element ui table的renderHeader接口

methods: {
    renderHeader(h, data) {
        let column = data.column;
        let label = column.label;
        switch(label) {
            case \'登录人数\':
                tip = \'登录本系统的人数,包括移动端,网页端\'
            case \'登录次数\':
                tip = \'登录本系统的次数,包括移动端,网页端\'
            defalult:
                tip = \'\';
        }
        return (\'<el-tooltip content={tip} placement=\'top-start\'>
             <span>表头标题</span>
        </el-tooltip>\')
    }
}

以上是关于修改element ui的table的表头的主要内容,如果未能解决你的问题,请参考以下文章

element-ui 中表格嵌套表单 如何给table表头添加必填*星号

element-ui 中表格嵌套表单 如何给table表头添加必填*星号

element ui el-table 多选 表头全选框替换文字

封装element-ui的table自定义表头组件

element-UI table动态增加列,动态增加行,动态合并行。选择编辑表头行数据

element-ui的table表格的表头与内容列对齐