What is the problem of manipulating cells by el-table components in elementUI?

the use of elementUI, in a project requires a single-row N-column table. The number of columns is not fixed and needs to be generated dynamically. And the contents of each cell provide editing function.

< hr >

dynamically generated columns are implemented by el-table-column
http://jsfiddle.net/6ar2jons/.

< hr >

column editing is implemented by custom cell contents
https://jsfiddle.net/q6b54vry/

< hr >

the above two requirements can be implemented separately, but after merging, the data cannot be rendered
https://jsfiddle.net/8rqjw0yg/1/
, how can we bind the data to the cell?


double click to open cell editing
https://jsfiddle.net/vk7jh4q8/

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ceeb04-39bf9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ceeb04-39bf9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?