vue element-ui table多級表頭嵌套,上面的行占一行,最后一行占剩下的所有,怎么設定類似rowspan,可以讓上面的占用設定的行
數。描述可能不太清楚,具體可看下圖帖子截圖。
?
uj5u.com熱心網友回復:
直接column嵌套就行了
<el-table :data="https://bbs.csdn.net/topics/tableData" style="width: 100%">
<el-table-column prop="date" label="選擇" width="150"> </el-table-column>
<el-table-column prop="date" label="時間" width="150"> </el-table-column>
<el-table-column label="受災范圍">
<el-table-column prop="name" label="縣(市、區)" width="120">
<el-table-column label="(個)"></el-table-column>
</el-table-column>
<el-table-column label="鄉鎮">
<el-table-column label="(個)"></el-table-column>
</el-table-column>
</el-table-column>
<el-table-column label="受災人口">
<el-table-column label="(人)"></el-table-column>
</el-table-column>
<el-table-column label="受淹城市">
<el-table-column label="(個)"></el-table-column>
</el-table-column>
<el-table-column label="倒塌房屋">
<el-table-column label="(間)"></el-table-column>
</el-table-column>
<el-table-column label="死亡人口">
<el-table-column label="(人)"></el-table-column>
</el-table-column>
<el-table-column label="失蹤人口">
<el-table-column label="(人)"></el-table-column>
</el-table-column>
<el-table-column label="轉移人口">
<el-table-column label="(人)"></el-table-column>
</el-table-column>
<el-table-column label="直接經濟損失">
<el-table-column label="(萬元)"></el-table-column>
</el-table-column>
</el-table>
uj5u.com熱心網友回復:
樓上不行的,比如受災人口只占了一行,而(人)占了兩行了uj5u.com熱心網友回復:
你好,你這個問題解決了嗎?我也遇到了同樣的問題轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/124098.html
標籤:HTML5
