Vue ElementUI el-table 表头不换行且宽度自适应

参考 此篇文章 ,在此记录自己的理解和使用。

API 

el-table 设置属性 render-header

 代码


知识点

1. 代码第 8 行,设置方法 renderHeader;

2. 代码第 142 - 154 行,注释中详细说明设置表头宽度;

3. 代码第 6 行,表头和单元格都居中显示;

4. 代码第 7 行,当内容过长被隐藏时显示 tooltip,可参考此篇详细说明

效果

Vue ElementUI el-table 表头不换行且宽度自适应_第1张图片

 

你可能感兴趣的:(ElementUI,element-ui,table)