怎么给element表格添加必填*星号?

简介: 怎么给element表格添加必填*星号?

说明


关于element表头添加东西的,我写过一篇其他的博客,那个是用全局注册组件的方式处理的

vue怎么实现element表格里表头信息提示功能?


代码实现

第一步:给el-table添加header-cell-class-name

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


第二步:在vue的method里添加第几个需要star的

// 给头部添加星星
starAdd(obj) {
  if(obj.columnIndex === 0 || obj.columnIndex === 1) {
      return 'star';
  }
},


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

table th.star div::after {
    content: '*';
    color: red;
}
目录
相关文章
|
6月前
|
前端开发
列表 - 简写属性
列表 - 简写属性。
31 6
|
前端开发
element ui el-table 多选 表头全选框替换文字
element ui el-table 多选 表头全选框替换文字
1644 0
|
6月前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
906 2
|
6月前
|
移动开发 HTML5
impnt只读,燕用,必填,提示词(占位符)属性分别是什么
impnt只读,燕用,必填,提示词(占位符)属性分别是什么
|
数据采集
正则表达式匹配html标签,获取标签内容
正则表达式匹配html标签,获取标签内容
|
JavaScript 前端开发
34jqGrid 行编辑- 输入类型
34jqGrid 行编辑- 输入类型
47 0
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
1644 0
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
|
JavaScript
VUE element-ui之table表格内容添加千位分割符/货币格式
VUE element-ui之table表格内容添加千位分割符/货币格式
562 0
VUE element-ui之table表格内容添加千位分割符/货币格式
|
前端开发
1、CSS选择器(通配符,标签,类,id)
1、CSS选择器(通配符,标签,类,id)
179 0
在div标签中显示特殊字符(包括html标签)
在div标签中显示特殊字符(包括html标签)