弘弘的部落格: 設定元素高度為可用剩餘高度

2021年4月12日星期一

設定元素高度為可用剩餘高度

<html style="height: 100%;">

<body style="height: 100%; display: flex; flex-direction: column;">

<div>...</div>

<div id="app" style="flex-grow: 1; flex-basis: 0; display: flex; flex-direction: column;">

<div>...</div>

<form id="form1" style="flex-grow: 1; flex-basis: 0; display: flex; flex-direction: column;">

<b-table style="flex-grow: 1; flex-basis: 0; max-height:unset " sticky-header :items="items" :fields="fields" :filter="filter">

</b-table>

</form>

</div>

</body>

</html>

※設定 max-height:unset 覆蓋原預設值:300px

沒有留言:

訂閱：張貼留言 (Atom)