|
@@ -15,9 +15,9 @@
|
|
|
<div v-show="currentTab1 == '0'" class="eldesign classtable" style="margin-top: 10px">
|
|
|
<el-collapse v-model="activeNames">
|
|
|
<el-collapse-item title="飞行包线" name="1">
|
|
|
- <el-table :data="fxbxtable" border style="width: 100%; ">
|
|
|
+ <el-table :data="fxbxtable" border style="width: 100%; " :header-cell-class-name="headerCellClassName">
|
|
|
<el-table-column type="index" width="70" label="编号" />
|
|
|
- <el-table-column prop="name" label="参数名称">
|
|
|
+ <el-table-column prop="name" label="参数名称" >
|
|
|
<!-- <template #default="{ row }">
|
|
|
<el-input v-model="row.name" @change="handleEdit(row)" />
|
|
|
</template> -->
|
|
@@ -293,4 +293,33 @@ let tltxtable = ref([
|
|
|
},
|
|
|
])
|
|
|
|
|
|
-</script>
|
|
|
+
|
|
|
+const headerCellClassName = ({ column }) => {
|
|
|
+ console.log('列:',column.property)
|
|
|
+ if (column.property === 'name') {
|
|
|
+ console.log('yanse',column.property)
|
|
|
+ return 'header-name';
|
|
|
+ } else if (column.property === 'value') {
|
|
|
+ return 'header-age';
|
|
|
+ } else if (column.property === 'flag') {
|
|
|
+ return 'header-address';
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.header-name {
|
|
|
+ border-bottom: 2px solid red;
|
|
|
+}
|
|
|
+
|
|
|
+.header-age {
|
|
|
+ border-bottom: 2px solid blue;
|
|
|
+}
|
|
|
+
|
|
|
+.header-address {
|
|
|
+ border-bottom: 2px solid green;
|
|
|
+}
|
|
|
+</style>
|