vue+elementui 实现复杂表头和动态增加列的二维表格功能

Vue ElementUI是一个基于Vue.js的UI组件库，可以用于快速构建web应用的界面。

实现复杂表头和动态增加列的二维表格功能，可以使用ElementUI的Table组件进行开发。首先，在Table组件中设置表头，可以通过嵌套表头来实现复杂的表头结构。例如，可以使用`<el-table-column>`标签来定义表头的每一列，并使用`prop`属性来绑定数据源中的字段。可以通过`label`属性设置每一列的表头名称。

要实现动态增加列的功能，可以绑定一个数组来存储要显示的列。例如，可以在data中定义一个columns数组，用于存储要显示的列的配置信息。在Table组件中，通过`v-for`循环遍历columns数组，动态生成`<el-table-column>`标签，并通过`prop`属性和`label`属性绑定列的字段和表头名称。

在页面中，可以使用按钮来实现增加列的功能。当点击增加列的按钮时，可以向columns数组中添加一个新的列的配置信息，然后自动重新渲染表格，实现动态增加列的效果。

通过以上步骤，就可以实现复杂表头和动态增加列的二维表格功能。使用Vue ElementUI的Table组件，配合绑定的数据和事件处理，可以方便地实现这个功能，并且保证了界面的交互和用户体验。