美文网首页
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