vue中表格的表头放左边

在Vue中，我们通过使用Element UI框架可以很方便地实现将表格的表头放在左边。

首先，我们需要在Vue项目中安装Element UI库。可以通过在终端中运行命令npm install element-ui或yarn add element-ui来安装Element UI。

接下来，在项目中的入口文件main.js中，我们需要引入Element UI库。

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

然后，我们可以在Vue组件中使用Element UI提供的Table组件来创建表格，并使用其中的fixed属性将表头固定在左侧。

<template>
<div>
<el-table :data="tableData" style="width: 100%">
<el-table-column type="index" fixed="left"></el-table-column> // 这里使用fixed属性将表头固定在左侧
<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>
</div>
</template>

<script>
export default {
data() {
return {
tableData: [
{
name: '张三',
age: 18,
gender: '男'
},
{
name: '李四',
age: 20,
gender: '女'
}
]
};
}
};
</script>

这样，我们就能够将表格的表头放在左边。同时，使用Element UI的Table组件还可以方便地实现其他功能，例如表格排序、过滤等。希望这个答案能够帮到你！