怎么给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;
}
目录
相关文章
|
1月前
|
前端开发
列表 - 简写属性
列表 - 简写属性。
20 6
|
前端开发
element ui el-table 多选 表头全选框替换文字
element ui el-table 多选 表头全选框替换文字
1507 0
|
1月前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
178 2
|
11月前
Excel实现单元格下拉框选择,加VBA脚本可实现选择多个选项,默认顿号分隔,可自定义符号分隔
来源需要用英文逗号分隔,这里输入限制为最大255字符,如果需要更多可选择单元格范围:
137 0
|
7月前
|
JavaScript
jqGrid数据列表和表单的列隐藏/显示
jqGrid数据列表和表单的列隐藏/显示
|
8月前
|
JavaScript 前端开发
34jqGrid 行编辑- 输入类型
34jqGrid 行编辑- 输入类型
25 0
获取多选input-选中后的值存数组
获取多选input-选中后的值存数组
|
10月前
form表单input标签的23种type类型值?
当你学了很多技术以后,再回头看来,竟然被一个被一个基础问题虐了,23个类型值说不全,不是少这个,就是少那个,那么23种类型都有什么呢?
44 0
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
1509 0
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
|
JavaScript
VUE element-ui之table表格内容添加千位分割符/货币格式
VUE element-ui之table表格内容添加千位分割符/货币格式
461 0
VUE element-ui之table表格内容添加千位分割符/货币格式