elementui表格每页展示15条，美化样式vue代码

以下是一个基于 ElementUI 表格组件的 Vue 代码，用于美化表格每页展示 15 条数据的样式：

<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="gender" label="性别"></el-table-column>
    </el-table>
    <el-pagination
      :current-page.sync="currentPage"
      :page-size="15"
      layout="total, prev, pager, next, jumper"
      :total="tableData.length">
    </el-pagination>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 20, gender: '女' },
        { name: '王五', age: 22, gender: '男' },
        // ... 更多的数据
      ],
      currentPage: 1
    }
  }
}
</script>

在上面的代码中，我们使用了 `el-pagination` 组件来实现分页功能，其中 `:page-size="15"` 表示每页展示 15 条数据。通过调整 `layout` 属性的值，可以实现不同的分页布局。在 `:total` 属性中，我们传入了 `tableData` 数组的长度，这样分页组件就能够正确计算总页数了。