美文网首页
Iview去掉表格边框

Iview去掉表格边框

作者: 毛宇鹏 | 来源:发表于2018-03-27 17:24 被阅读306次

HTML

<Card :bordered="false" id="project_list_card">
  <p slot="title">文件列表</p>
  <Table :columns="columns1" :data="data1" :border="false" :show-header="false"></Table>
</Card>

样式

#project_list_card {
    div.ivu-card-body {
      padding: 0;
    }
    div.ivu-table-wrapper {
      border: none;
    }
    .ivu-table:before{content:'';width:100%;height:0px;position:absolute;left:0;bottom:0;z-index:1}
    .ivu-table:after{content:'';width:0px;height:100%;position:absolute;top:0;right:0;z-index:3}
}

注意: 如果是用vue的话, <style>标签需要去掉scope属性

相关文章

网友评论

      本文标题:Iview去掉表格边框

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