美文网首页
VUE之Element-ui的Table表格不能自适应

VUE之Element-ui的Table表格不能自适应

作者: 执笔于情 | 来源:发表于2021-11-08 09:39 被阅读0次

    写element-ui的表格时, 一般我们不会自定义表格每一列的宽度, 而是设置宽度100%让它自己自适应, 但是自适应它会出现横向滚动条

    大概我试了一下, 有两种方法

    • 第一种是设置宽度为99.9%
    <el-table :data="list" border style="width: 99.9%; margin-top: 20px;">
    
    • 但是这个方法有的时候也不起作用, 然后我又试着加了一个父级div
    <div style="width: 100%">
                <el-table :data="list" border style="width: 99.9%; margin-top: 20px;">
    

    这样用div去包裹, div设置宽度为100%, 表格设置宽度为99.9%, 这样就完美解决啦

    相关文章

      网友评论

          本文标题:VUE之Element-ui的Table表格不能自适应

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