antd表格高度自适应calc()函数
使用场景
在antd表格使用过程中,表格过长,还有往下拉,使用起来很不便捷,所以需要让表格的高度自适应于页面的剩余高度:
官方文档:
<a-table :columns="columns" :data-source="data" :scroll="{ x: 1500, y: 300 }">
此处的y是页面的高度 可设置成动态calc
<a-table :columns="columns" :data-source="data" :scroll="{x: 1500,y:'calc(100vh - 其他高度大小vh/px...)'}">
calc() 函数用于动态计算长度值。
- 注意:运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
- 任何长度值都可以使用calc()函数进行计算;
- calc()函数支持 “+”, “-”, “*”, “/” 运算;