71.elementUI表格去掉表头

最新推荐文章于 2024-05-24 10:28:03 发布

面包圈蘸可乐i

最新推荐文章于 2024-05-24 10:28:03 发布

阅读量2.8k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Annexiaobin/article/details/121493670

Vue 专栏收录该内容

56 篇文章

订阅专栏

果然还是度娘深入我心！！！

就设置一个属性完美解决！！！

1.原始表格代码：

<el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期"></el-table-column>
      <el-table-column  prop="name" label="姓名"></el-table-column>
      <el-table-column fixed="right" label="操作">
          <template slot-scope="scope">
              <el-button type="text" size="small">移除</el-button>
          </template>
    </el-table-column>
  </el-table>
</el-table>

2.添加 :show-header="false"（默认为true）---此时需要去掉操作列的定位 fixed="right"

否则，操作列会错位！！！

<el-table :data="tableData" style="width: 100%" :show-header="false">
      <el-table-column prop="date" label="日期"></el-table-column>
      <el-table-column  prop="name" label="姓名"></el-table-column>
      <el-table-column label="操作">
          <template slot-scope="scope">
              <el-button type="text" size="small">移除</el-button>
          </template>
    </el-table-column>
  </el-table>
</el-table>