Iview去掉表格边框

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属性

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 昨晚《殘夢》兼夜遊 極像《新貴妃醉酒》 《砍柴過嶺又過坡》 只為生活別無他求 今朝忽然《闖碼頭》 留下《九兒》眼淚...
    大莲子阅读 224评论 0 0
  • 遇到问题不要逃避,要勇于面对,只有勇于面对才能战胜它。
    台东DDM三店刘焕阅读 244评论 0 0
  • 昨天在简书看了一篇帖子,大谈喜欢的工作,他分了两点说明,一种是喜欢工作带来的附加价值而喜欢某个工作,比如钱多,轻松...
    64b79db7c71b阅读 522评论 8 6
  • 使用Lottie实现动画效果 1、通过CocoaPods lottie-ios导入这个类2、找一个动画的json文...
    lovelytitantian阅读 1,062评论 0 1