给el-table表头加必选星号

最新推荐文章于 2025-03-17 09:51:55 发布

PostgreSQL运维技术

最新推荐文章于 2025-03-17 09:51:55 发布

阅读量1.7k

点赞数 4

分类专栏：前端文章标签： elementui

本文链接：https://blog.youkuaiyun.com/qq_35462323/article/details/123086001

版权

8 篇文章

订阅专栏

本文介绍如何在Vue.js的Element UI库中，通过`render-header`属性为表格列头添加红色星号作为必选标识。通过定义`addRedStar`函数，将星号与列标题合并展示，实现自定义表头样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：

解决方法：

1. 在el-table-column 上添加render-header属性。render-header指定列标题 Label 区域渲染使用的 Function。

<el-table-column label="地域" align="center" :render-header="addRedStar">
</el-table-column>

2.addRedStar函数。

  addRedStar(h, { column }) { // 给表头加必选标识
     return [h('span', { style: 'color: red' }, '*'), h('span', ' ' + column.label)]
   }