//2. methods里 methods: { cellClass (row) { ._el-table不给头部加勾">
当前位置:   article > 正文

element-ui 多选表格 隐藏表头勾选框_el-table不给头部加勾选

el-table不给头部加勾选
  1. //1. 加 :header-cell-class-name="cellClass"
  2. <el-table ref="multipleTable" :data="tableData" empty-text="暂无数据"
  3. style="width:100%;" max-height="400" size="small"
  4. :header-cell-class-name="cellClass">
  5. //2. methods里
  6. methods: {
  7. cellClass (row) {
  8. if (row.columnIndex === 0) {
  9. return 'disabledCheck'
  10. }
  11. },
  12. //3. style 里
  13. .el-table /deep/ .disabledCheck > .cell .el-checkbox__input {
  14. display: none !important;
  15. position: relative;
  16. }
  17. .el-table /deep/ .disabledCheck > .cell::before {
  18. display: block;
  19. content: '';
  20. position: absolute;
  21. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/460584
推荐阅读
相关标签
  

闽ICP备14008679号