vue-pure-admin 使用pure-table 怎么固定表格

Vue-Pure-Admin是一个基于Vue.js的轻量级后台管理框架，它结合了Pure UI库和Element Plus组件，提供了一种简洁的方式来构建后台界面。如果你想要在使用`vue-pure-admin`和`pure-table`时固定表格列，你可以按照以下步骤操作：

1. 首先，在`pure-table`组件中，找到包含表格数据的部分，这通常在`columns`数组中定义。

2. 找到你想固定的列，这些列会有一个`fixed`属性，设置值为`left`、`right`或`both`来指定固定的位置。例如：

const columns = [
  {
    title: '标题',
    field: 'title',
    fixed: 'left', // 或者 'right' 或者 'both'
    ... // 其他列配置
  },
  // 更多列...
]

3. 如果需要，你也可以通过`scrollX`选项启用水平滚动条来配合固定列：

<template>
  <pure-table :data="tableData" :columns="columns" :scrollX="true">
    <!-- 表格内容 -->
  </pure-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [...], // 表格数据
      columns: [...] // 包含固定列的列配置
    };
  }
};
</script>

4. 当数据发生变化时，记得更新`tableData`，以便表格能正确渲染。