el-table 分類改變單元格寬度及改變label為中文(自創勿噴)
阿新 • • 發佈:2020-12-27
技術標籤:element ui
<el-table-column :label="changeColumn(key)" v-for="(value,key,index) in tableData[0].attributes" :key="index" align="center" :width="changeWidth(key)">
</el-table-column>
// 改變label為中文 通過比對 找出英文相對應的中文
changeColumn(key) { // console.log(this.$store.state.Layers.layerId); var arr = Object.keys(layerTableConfig[this.$store.state.Layers.layerId]); // console.log('這是arr',arr); if (arr.indexOf(key) != -1) { return layerTableConfig[this.$store.state.Layers.layerId][key]; } else { return key; } },
// 改變部分表格的列寬 通過篩選
changeWidth(key) { // console.log("這是key", key); let arr1 = ["org_id", "pro_id"]; let arr2 = ["OBJECTID", "JZWDY"]; let arr3 = ["MC"]; if (arr1.indexOf(key) != -1) { return 310; } if (arr2.indexOf(key) != -1) { return 100; } if (arr3.indexOf(key) != -1) { return 200; } },
效果: