avue如何固定操作列

要固定操作列，你可以使用 Avue 表格组件的 `fixed` 属性。在表格的列配置中，将需要固定的列的 `fixed` 属性设置为 `'left'` 或 `'right'` 即可实现固定在左侧或右侧的操作列。

以下是一个示例：

<avue-table :data="tableData" :columns="tableColumns">
</avue-table>

data() {
  return {
    tableData: [
      { id: 1, name: 'John', age: 28 },
      { id: 2, name: 'Alice', age: 32 },
      { id: 3, name: 'Bob', age: 24 }
    ],
    tableColumns: [
      { label: 'ID', prop: 'id', width: 80 },
      { label: 'Name', prop: 'name', width: 120 },
      { label: 'Age', prop: 'age', width: 80 },
      { label: 'Actions', fixed: 'right', width: 120, render: (h, params) => {
          return h('div', [
            h('Button', {
              props: {
                type: 'text',
                size: 'small'
              },
              on: {
                click: () => {
                  this.editRow(params.row)
                }
              }
            }, 'Edit'),
            h('Button', {
              props: {
                type: 'text',
                size: 'small'
              },
              on: {
                click: () => {
                  this.deleteRow(params.row)
                }
              }
            }, 'Delete')
          ])
        }
      }
    ]
  }
},
methods: {
  editRow(row) {
    // 编辑操作
  },
  deleteRow(row) {
    // 删除操作
  }
}

在上面的示例中，`Actions` 列被设置为固定在右侧，同时定义了编辑和删除按钮的点击事件。你可以根据需要修改列的宽度和按钮的样式。