<el-table-column :label="地址" :render-header="renderHeader"></el-table-column>
在methods添加renderHeader方法(可以参考elementUI官网rtable详解)
methods: { renderHeader(h) { return ( <div> <span>地址</span> <span style="font-size:12px;">(具体到区县)</span> </div> ) } }
<el-table-column :label="地址" :render-header="renderHeader"></el-table-column>
在methods添加renderHeader方法(可以参考elementUI官网rtable详解)
methods: { renderHeader(h) { return ( <div> <span>地址</span> <span style="font-size:12px;">(具体到区县)</span> </div> ) } }
在使用el-table的时候,在数据多的情况下滚动表格会看不到表头是什么,为了用户体验可以使用表头吸顶来展示,如此丝滑的操作谁见了都说好。
我们在使用element UI库的时候,确实给我们带来了许多便利,但是,往往组件库无法满足我们的业务需求,这时就需要我们在组件库的基础上修改样式。
【代码】Vue 3扩展el-table。
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M