Commit f6a29b74 authored by xuhaoze's avatar xuhaoze

气象干预、天气工况、风力配置表格标题固定

parent 7d73c86f
...@@ -230,10 +230,14 @@ function customSort(a, b) { ...@@ -230,10 +230,14 @@ function customSort(a, b) {
<el-button type="primary" @click="resetSearch" class="add-search-btn">重置</el-button> <el-button type="primary" @click="resetSearch" class="add-search-btn">重置</el-button>
</div> </div>
<div class="table-wrapper"> <div class="table-wrapper">
<el-table :data="data" stripe border style="width: 100%" <el-table
:data="data"
stripe border style="width: 100%"
:default-sort="{ prop: 'phenomenonName', order: 'descending' }" :default-sort="{ prop: 'phenomenonName', order: 'descending' }"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass"> :row-class-name="tableBodyClass"
height="750px"
>
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="phenomenonName" sortable :sort-method="customSort" label="名称" width="100"/> <el-table-column prop="phenomenonName" sortable :sort-method="customSort" label="名称" width="100"/>
<el-table-column prop="phenomenonTemp" label="对应温度" width="100"/> <el-table-column prop="phenomenonTemp" label="对应温度" width="100"/>
......
...@@ -235,6 +235,7 @@ const tableHeight = ref(h); ...@@ -235,6 +235,7 @@ const tableHeight = ref(h);
<el-table <el-table
:data="data" :data="data"
stripe stripe
height="750px"
border border
style="width: 100%" style="width: 100%"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
......
...@@ -248,9 +248,16 @@ function customSort(a, b) { ...@@ -248,9 +248,16 @@ function customSort(a, b) {
<el-button type="primary" @click="resetSearch" class="add-search-btn">重置</el-button> <el-button type="primary" @click="resetSearch" class="add-search-btn">重置</el-button>
</div> </div>
<div class="table-wrapper"> <div class="table-wrapper">
<el-table :data="data" stripe border style="width: 100%" <el-table
:default-sort="{ prop: 'windLevel', order: 'descending' }" :header-cell-class-name="tableHeaderClass" :data="data"
:row-class-name="tableBodyClass"> stripe
border
style="width: 100%"
:default-sort="{ prop: 'windLevel', order: 'descending' }"
:header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass"
height="750px"
>
<el-table-column type="index" label="序号" align="center" width="100" /> <el-table-column type="index" label="序号" align="center" width="100" />
<el-table-column prop="windLevel" sortable :sort-method="customSort" label="级数" width="100" /> <el-table-column prop="windLevel" sortable :sort-method="customSort" label="级数" width="100" />
<el-table-column prop="windTemp" label="对应温度" width="100"/> <el-table-column prop="windTemp" label="对应温度" width="100"/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment