tiny-vue icon indicating copy to clipboard operation
tiny-vue copied to clipboard

✨ [Feature]: 不要再使用js动态计算表格高度

Open ryanexo opened this issue 5 months ago • 2 comments

What problem does this feature solve

现在使用css控制表格高度会造成很多问题 比如下面的代码,在visible.value = true时,第一个表格的高度会 100 99 98 97 96 .... 50这样缓慢变化 而且因为表格元素本身是固定高度,不是真正的100%,导致出现短暂的超出容器高度,容器出现滚动条的情况。

const visible = ref(false)

<div class="flex flex-col gap-y-2">
<div class="h-full"><TinyGrid height="100%" auto-resize /></div>
<div class="h-[50%] flex-shrink-0" v-show="visible"><TinyGrid height="100%" auto-resize /></div>
</div>

What does the proposed API look like

不在给表格元素固定的高度值,直接使用props.height

What is your project name

ryanexo avatar Jul 09 '25 03:07 ryanexo