先看ElementUI中el-table的模板数据结构：

模板El-table : data=' table data ' style=' width : 100% ' El-table-column prop=' date '标签=' date '宽度=' 180 '/El-table-column El-table-column prop=' name '标签=' name '宽度=' 180 '/El-table-column-column prop=' address '标签=' address '/El-table-column/El-table/templdatae，然后在ElementUI中查看El-table

脚本导出默认{ data(){ return { tabledata :[{ date : ' 2016-05-02 '，名称3360 '王小虎'，地址： '上海市普陀区金沙江路1518弄' }。{日期：' 2016-05-04 '，名称： '王小虎'，地址： '上海市普陀区金沙江路1517弄' }，{日期：' 2016-05-01 '，名称： '王小虎'，地址： '上海市普陀区金沙江路1519弄' }，{日期：' 2016年5月3日'，名称3360道具多怎么办？几百个？那么将使用循环结构。获取数据后，模板的代码可以更改如下：

请忽略上面代码中的其他参数，并查看v-for指令。其中的positionList对应el-table中的：data='tableData '。只要取出它的任何数组中的对象的键

细心的朋友发现我也用动态宽度。为了解决不同字长的表头显示问题，这里的数据存在于positionKey的对象中，专门用来通过v-for循环的对应索引(Key)匹配途中的代码，从而得到对应的宽度。为方便起见，positionKey的数据结构如下：

导出常量位置键={key1: {title: '对应文字1 '，width : 100}，key 23: { title : '对应文字2 '，width: 120}，Key3: {title: '文字3 '对应表头，width : 110}，}这个数据结构也为以后动态列的自定义拖放配置做了准备~

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。