el-table固定表头,动态计算高度
在elementui中固定el-table表头是通过给表格设置高度来实现的。而在实际开发中开发可能无法确定表格的实际高度,因此需要动态计算表格高度
为了更好的让表格自适应可使用max-height
具体实现如下
1、给表格绑定动态高度
2、动态计算表格高度,并监听浏览器窗口变化,动态计算表格高度
// 动态计算表格高度
const tableHeight = ref(0);
onMounted(async() => {
await nextTick();
// 设置表格高度
tableHeight.value = window.innerHeight - 300
// / 监听浏览器窗口变化,动态计算表格高度,
window.onresize = () => {
return (() => {
tableHeight.value = window.innerHeight - 300
})()
}
})
这世界很喧嚣,做你自己就好