- Dynamically adding an input box to the
table table When dynamically adding an input box to the table, according to the two-way binding principle of Vue, if a value is directly added to the table (push), a value will change, and all the values in this column will change according to The following code format converts the value to be added before adding it:
let obj = JSON.stringify(this.action); //将数组或对象转化成字符串
this.tableData.push(JSON.parse(obj)); //解析JSON字符串
-
Change the background color and font color of the el-table header:
:header-cell-style="{background:'#eef1f6',color:'#606266'}" -
Change the font position of the
el-table table Set the align='center' of the el-table-column element -
css style modification
F12 Find the css name to be modified. When modifying the style, you need to add the prefix /deep/ before the css of each frame,
for example: /deep/.el-table__indent{}
To be continued