element表格的表头添加*星号

vue怎么实现element表格里表头信息提示功能?
第一、给el-table添加:header-cell-class-name

<el-table :header-cell-class-name="func"></el-table>

第二、在vue的methods中编写方法

// 给头部添加星星
func(obj) {
  let list = ['表头1', '表头2', '表头3','表头4',]
  if(list.includes(obj.column.label)) {
      return 'starclass';
  }
},

第三、在样式里编写伪类生成*

// /deep/是scss的
/deep/ table th.starclass div::after {
    content: '*';
    color: red;
}

 

posted on 2023-10-13 09:06  长不大的菜鸟  阅读(493)  评论(0编辑  收藏  举报

导航