vue左固定右侧滑动表格

你可以使用vue中的el-table组件来创建一个表格，然后使用CSS样式将其左侧固定，右侧滑动。下面是一个示例代码：

<template>
  <div class="table-wrapper">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
      <el-table-column prop="age" label="年龄" width="180"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          address: '北京市海淀区'
        },
        {
          name: '李四',
          age: 20,
          address: '上海市浦东新区'
        },
        {
          name: '王五',
          age: 22,
          address: '深圳市南山区'
        }
      ]
    };
  }
};
</script>

<style scoped>
.table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.el-table__fixed-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.el-table__body-wrapper {
  overflow-x: hidden;
}
</style>

以上代码中，我们将el-table组件放在一个包裹div中，并设置其宽度为100%。然后，我们使用CSS样式将包裹div设置为滚动，左侧固定的列使用绝对定位，在表格的左侧。右侧使用overflow-x:hidden隐藏横向滚动条。这样就能够实现左固定右滑动的表格了。