Iview去掉表格边框

2018-03-27  本文已影响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属性

上一篇 下一篇

猜你喜欢

热点阅读