antd table动态修改表格高度的实现.docxVIP

第

antd?table动态修改表格高度的实现

antd中,flex布局不生效,得计算表格高度并且去赋值从而动态

divv-loading=loadingv-show=showTable

a-table

:columns=columns

:data-source=tableData

size=middle

:pagination=pagination

:scroll={

x:columns.length5110%:null,

y:tableHeight,

/a-table

/div

data里面定义变量

tableHeight:100px,//表格最小高度

created(){

pute();

window.addEventListener(resize,()={

pute();

},

在methods里面计算表格高度

//计算表格高度

compute(){

this.$nextTick(()={

letminBox=$(.top_box)[0].clientHeight;//整个大盒子的高度

letmaxBox=$(.video-content)[0].clientHeight;//其余高度

this.tableHeight=maxBox-minBox-220+px;//tab页高度+分页高度+margin

},