Element: 表格table组件 表头可以支持添加一些自定义内容么

Created on 6 Dec 2016  ·  5Comments  ·  Source: ElemeFE/element

123
我想在多表头中加入上图中框着的小图标,而表格的label属性只能传入字符串,不能实现需求。
能不能不限制label的类型,实现自定义

question

Most helpful comment

image
image
image

表头添加了图标和提示。。。

All 5 comments

可以使用 el-table-columnrender-header 属性。

关于这个属性官网上并没有给相应的例子,我console出来的内容是
456
而且重复出现了三次。h参数不知道是什么 , {column, $index }参数 好像是第几列和这个表头的对象

请问能不能给个例子,谢谢了

参考 FAQ 第三问。

image
image
image

表头添加了图标和提示。。。

补充一个原生 js 的写法(为了开发省事,没有用 babel)

image

showTips(createElement, { column }) {
        return createElement(
          'el-tooltip',
          {            
            attrs: {
              content: column.labelClassName
            },
          },
          [
            createElement('span',  [ 
              column.label,
              ' ',
              createElement('i',  {
                'class': {
                  'el-icon-info': true
                },
              } ) 
            ] ),
          ]
        );
}

效果预览
image

Was this page helpful?
0 / 5 - 0 ratings