antd?table動態(tài)修改表格高度的實現(xiàn)
更新時間：2023年07月13日 15:03:34 作者：神探小白牙
本文主要介紹了antd?table動態(tài)修改表格高度的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
antd中,flex布局不生效,得計算表格高度并且去賦值從而動態(tài)
<div class="table1" v-loading="loading" v-show="showTable">
<a-table
:columns="columns"
:data-source="tableData"
size="middle"
:pagination="pagination"
:scroll="{
x: columns.length > 5 ? '110%' : null,
y: tableHeight,
}"
style="width: 100%"
></a-table>
</div>data 里面定義變量
tableHeight: "100px", //表格最小高度
created() {
this.compute();
window.addEventListener("resize", () => {
this.compute();
});
},在methods里面計算表格高度
//計算表格高度
compute() {
this.$nextTick(() => {
let minBox = $(".top_box")[0].clientHeight; // 整個大盒子的高度
let maxBox = $(".video-content")[0].clientHeight; //其余高度
this.tableHeight = maxBox - minBox - 220 + "px"; // tab頁高度 + 分頁高度 + margin
});
},到此這篇關(guān)于antd table動態(tài)修改表格高度的實現(xiàn)的文章就介紹到這了,更多相關(guān)antd table動態(tài)修改表格高度內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
React模仿網(wǎng)易云音樂實現(xiàn)一個音樂項目詳解流程
這篇文章主要介紹了React模仿網(wǎng)易云音樂實現(xiàn)一個音樂項目的詳細流程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-08-08
條件渲染在React里就和js里的條件語句一樣。下面這篇文章主要給大家介紹了關(guān)于React學習記錄之條件渲染的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要介紹了React 實現(xiàn)拖拽功能的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要介紹了react+ant.d添加全局loading方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
React創(chuàng)建組件的三種方式及其區(qū)別
本文主要介紹了React創(chuàng)建組件的三種方式及其區(qū)別，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
ahooks封裝cookie?localStorage?sessionStorage方法
這篇文章主要為大家介紹了ahooks封裝cookie?localStorage?sessionStorage的方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
本篇文章主要介紹了詳解React Native頂|底部導航使用小技巧 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家詳細介紹了react實現(xiàn)拖拽模態(tài)框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要為大家介紹了python的函數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
React中useCallback useMemo使用方法快速精通
在React函數(shù)組件中，當組件中的props發(fā)生變化時，默認情況下整個組件都會重新渲染。換句話說，如果組件中的任何值更新，整個組件將重新渲染，包括沒有更改values/props的函數(shù)/組件。在react中，我們可以通過memo，useMemo以及useCallback來防止子組件的rerender2023-02-02