vue项目el-table分页

J橘子

已于 2022-04-15 11:21:01 修改

阅读量1.5k

点赞数

文章标签： vue 前端

于 2022-04-15 11:15:37 首次发布

本文链接：https://blog.csdn.net/rose_LHJ/article/details/124190408

版权

本文介绍了在Vue项目中如何使用el-table组件实现分页功能，详细讲解了HTML样式设置，并提供了实际效果图。如有相关问题，可在评论区留言讨论。

摘要由CSDN通过智能技术生成

1.html样式：

 <template>
        <el-table
          :cell-style="{
    'text-align':'center'}"
          :header-cell-style="{
    'text-align':'center'}"
          style="width: 100%; background-color: rgba(255,255,255,0.1);"
          v-bind:data="tableData.results" *[HTML]:绑定表格数据
          v-bind:height="(fulHeight-210)+'px'"
        >
          <el-table-column
            label="ID"
            min-width="5%"
            prop="id"
          />
          <el-table-column
            label="消息时间"
            min-width="15%"
            prop="mes_datetime"
          <