JEditableTable给必填项列名添加*号

原创已于 2022-02-10 15:08:03 修改 · 591 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #vue #jeecg

于 2022-02-10 15:05:24 首次发布

工具专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何通过CSS技巧为表格列名添加星号标识必填项，并隐藏非必填列名，提升用户体验。

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

思路：

先给所有的列名增加*号，再将不是必填项的列名content设置为空。

//先根据表格结构都给列名增加 content *
/deep/ .thead .tr .td span::before{
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
// 再将不是必填项的列名 content设为 空
/deep/ .thead .tr .td:first-child {
  span::before{
    content: '';
  }
}
/deep/ .thead .tr .td:nth-child(5) {
  span::before{
    content: '';
  }
}

小伙伴有更好方法可以再评论区讨论~