antd中,flex布局不生效,得計算表格高度并且去賦值從而動態(tài)

<div 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,}' ></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)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！