af-table-column体验,设置el-table中el-table-column的宽度
<!-- 数据表格区域 -->
<el-table :data="userList" border style="width: 100%">
<!-- 这是索引列 -->
<af-table-column type="index" label="#"> </af-table-column>
<!-- 这是动态渲染的数据列 -->
<af-table-column prop="name" label="姓名"> </af-table-column>
<af-table-column prop="age" label="年龄"> </af-table-column>
<af-table-column prop="position" label="头衔"> </af-table-column>
<af-table-column label="创建时间">
<template slot-scope="scope">
{{ | dateChage }}
</template>
</af-table-column>
<af-table-column label="操作">
<template>
<el-row>
<!-- 编辑用户信息按钮 -->
<el-button>编辑</el-button>
<!-- 删除用户信息按钮 -->
<el-button type="danger" @click="delUserBtn">删除</el-button>
</el-row>
</template>
</af-table-column>
</el-table>