layui 表格高度改变 css动画不生效

可能是因为你在动态改变表格高度的时候，没有触发浏览器的重新渲染，导致 CSS 动画不生效。

你可以尝试在改变表格高度的时候，使用一些方法来触发浏览器的重新渲染，比如：

- 使用 `window.requestAnimationFrame()` 方法，在下一帧时重新渲染页面；
- 修改表格高度后，强制触发一次浏览器的重绘，可以使用 `element.offsetHeight`、`element.offsetWidth` 或 `element.getBoundingClientRect()` 等方法来实现。

具体的代码实现可以参考下面的示例：

// 获取表格元素
var table = document.getElementById('my-table');

// 动态修改表格高度
table.style.height = '500px';

// 强制触发浏览器的重绘
table.offsetHeight;

// 使用 CSS 动画实现平滑过渡
table.style.transition = 'height 0.5s';
table.style.height = '300px';

// 在下一帧时重新渲染页面
window.requestAnimationFrame(function() {
  table.style.height = '500px';
});

注意，如果你使用了 CSS 动画，那么在动态修改表格高度的时候应该避免直接修改 `height` 属性的值，而是使用 `max-height` 或 `min-height` 属性来限制表格的高度范围，这样才能让 CSS 动画生效。