html移动端表格插件,移动端类table组件封装

简介

一个不怎么高度自定义的移动端table组件，可创建不定数量的列的table(自己写着玩为了以后维护修改样式方便封装起来的

实现思路表格头部一个循环：循环渲染每一列的列名

表格内容两重循环：外层循环渲染行，内层循环渲染每一行的每一列的内容

实现

环境：vue + vantui，用van-row + van-col模拟行和列// 封装的table组件

{ {item.name}}

export default {

props: {

headData: {

type: Array,

default: () => []

},

bodyData: {

type: Array,

default: () => []

}

},

methods: {

doThis(e, rowIdx) {

if(e.target.id === 'edit') {

this.$emit('edit', rowIdx)

}

else if(e.target.id === 'delete') {

this.$emit('delete', rowIdx)

}

}

}

}

&