vxe-table 如何实现全表都可以编辑,所有列可编辑
自定义实现,无法使用内置的CRUD管理
<vxe-table bordershow-overflowref="xTable"height="500":data="tableData":edit-config="{trigger: 'click', mode: 'row'}"><vxe-column fixed="left" field="name" title="Name" width="100"><template #default="{ row }"><input v-model="row.name" type="text"></template></vxe-column><vxe-column field="name1" title="Name1" width="100"><template #default="{ row }"><input v-model="row.name1" type="text"></template></vxe-column><vxe-column field="name2" title="Name2" width="140"><template #default="{ row }"><input v-model="row.name2" type="text"></template></vxe-column><vxe-column field="name3" title="Name3" width="140"><template #default="{ row }"><input v-model="row.name3" type="text"></template></vxe-column><vxe-column field="name4" title="Name4" width="140"><template #default="{ row }"><input v-model="row.name4" type="text"></template></vxe-column><vxe-column field="name5" title="Name5" width="140"><template #default="{ row }"><input v-model="row.name5" type="text"></template></vxe-column><vxe-column field="name6" title="Name6" width="140"><template #default="{ row }"><input v-model="row.name6" type="text"></template></vxe-column><vxe-column field="name7" title="Name7" width="140"><template #default="{ row }"><input v-model="row.name7" type="text"></template></vxe-column><vxe-column field="name8" title="Name8" width="140"><template #default="{ row }"><input v-model="row.name8" type="text"></template></vxe-column><vxe-column field="sex" title="Sex" width="140"><template #default="{ row }"><input v-model="row.sex" type="text"></template></vxe-column><vxe-column field="date" title="Date" width="140"><template #default="{ row }"><input v-model="row.date" type="text"></template></vxe-column><vxe-column field="address" title="Address" width="140" fixed="right"><template #default="{ row }"><input v-model="row.address" type="text"></template></vxe-column>
</vxe-table>
export default {data () {return {tableData: []}},mounted () {var list = []for(var index = 0; index < 5000; index++){list.push({id: index + 10000,name: 'test' + index,name1:'1',name2:'2',name3:'3',name4:'4',name5:'5',name6:'6',name7:'7',name8:'8',name9:'9',name10:'10',name11:'11',name12:'12',name13:'13',name14:'14',role: 'developer',sex: 'Man',date: '2019-05-01',time: 1556677810888 + index * 500,region: 'ShenZhen',address: 'address abc' + index})}this.tableData = list}
}