<el-table v-loading="isLoading" border height="400" :data="tableData">
<el-table-column type="index" label="序号" width="60px"></el-table-column>
<el-table-column
prop="name"
label="名称"
width="200px"
show-overflow-tooltip
>
<template #default="{ row }">
<edit-cell :row="row" field="name">
<el-input v-model="row.name"></el-input>
</edit-cell>
</template>
</el-table-column>
<el-table-column prop="email" label="联系方式" width="200">
<template #default="{ row }">
<edit-cell :row="row" field="email">
<el-input v-model="row.email"></el-input>
</edit-cell>
</template>
</el-table-column>
<el-table-column prop="favorite" label="爱好">
<template #default="{ row }">
<edit-cell :row="row" field="favorite">
<el-input v-model="row.favorite"></el-input>
</edit-cell>
</template>
</el-table-column>
<el-table-column prop="job" label="职业">
<template #default="{ row }">
<edit-cell :row="row" field="job">
<el-input v-model="row.job"></el-input>
</edit-cell>
</template>
</el-table-column>
<el-table-column prop="age" label="年龄">
<template #default="{ row }">
<edit-cell :row="row" field="age">
<el-input v-model="row.age"></el-input>
</edit-cell>
</template>
</el-table-column>
<el-table-column prop="address" label="地址">
<template #default="{ row }">
<edit-cell :row="row" field="address">
<el-input v-model="row.address"></el-input>
</edit-cell>
</template>
</el-table-column>
</el-table>
radiumag / table-tool Goto Github PK
View Code? Open in Web Editor NEW表格增强工具,让普通的表格拥有更强大的功能
Home Page: https://radiumag.github.io/table-tool