美文网首页2019.11.25
去除element表格各种边框

去除element表格各种边框

作者: 顺小星 | 来源:发表于2019-11-25 10:29 被阅读0次

烦人的表格线:

image.png

前言:表格结构:在表格外层包一层自定义的class,利用三箭头深度修改

image.png

1、去除表格线:

.my_table >>> .el-table__row>td{
  /* 去除表格线 */
  border: none;
}

效果: image.png

2、去除上边框:

.my_table >>> .el-table th.is-leaf {
  /* 去除上边框 */
    border: none;
}

效果:

image.png

3、去除下边框:

.my_table >>> .el-table::before{
  /* 去除下边框 */
  height: 0;
}

效果:

image.png

相关文章

  • 去除element表格各种边框

    烦人的表格线: 前言:表格结构:在表格外层包一层自定义的class,利用三箭头深度修改 1、去除表格线: 效果:i...

  • Element-ui 样式修改小计

    表格下边线去除 表格上边线去除 中间线 改为td 对话框默认样式清空 Checkbox 多选框 带有边框 分...

  • element去除表格头部

    需求:去除表格的头部: 实现办法:表格组件上加上一行代码,在data中设置status为false 修改后,完全ojbk

  • element中表格中的表头与表格内容边框错位的解决方法

    在 App.vue 中添加: 亲测有效。转自 element中表格中的表头与表格内容边框错位的解决方法[https...

  • HTML表格

    你可以使用HTML创建表格。 实例 表格 这个例子演示如何在 HTML 文档中创建表格。 表格边框 本例演示各种类...

  • CSS笔记16:border-collapse

    合并表格单元格边框 未合并边框时样式未合并表格单元格边框

  • Bootstrap入门

    一.使用事项 二.基本样式 按钮 表格 图片 表单:去除阴影,边框附带淡蓝色,输入状态更柔和 文本 背景 其他 栅...

  • 三线表格的制作

    1.全选表格,依次单击【表格工具—设计】—【边框】—【无框线】。 2.全选表格,依次单击【表格工具—设计】—【边框...

  • HTML 各种宽高度

    element.clientWidth //元素的实际宽度,不算边框 element.clientHeight//...

  • CSS文本-边框-列表

    文本属性 边框样式border 表格属性 表格边框合并border-collapseborder-collapse...

网友评论

    本文标题:去除element表格各种边框

    本文链接:https://www.haomeiwen.com/subject/jzuqwctx.html