elementUI中el-table每行异常高度原因排查，累死

灰太狼 2023-10-04 20:22 39阅读 0赞

理论上不单独设置高度的话，表格每一个应该是默认的高度才对，我说的没错吧，

但是请看实际情况：

这是默认情况下的高度为48

![166dbf984a844f9a8e62bac6be097ffb.png][]

还有两外一个表格，我也没有设置高度，但是但是：这个高度竟然达到了71，我真的是超级一个大无语哦，它怎么就从48变为71了？？？？

![e283fa558aab430db1c570066d868b6b.png][]

开始抓查原因：

先从css开始找.......一行一行开始找，结果竟然没找到css设置的高度，所以，那可能是不是高度自适应引起的？

开始抓代码：

将el-table-column一行一行注释......hhhh，可能有人开始嘲笑我了,,,好吧，但是这个确实可行

找到一个el-button：先注释掉 ![58b0a29b26b749f586646ad7234b5aba.png][]

但是它好像一人没有变化，继续找：发现有一个时间换行了，那会不会是换行引起的？

![7da08a78c0724f2ea0a83193cceec9b9.png][]

将时间注释掉：肉眼可见的高度变成了48

![154d9c10e1f944baaa8901e7f275f89c.png][]

此时再把 el-button 放开：发现高度变为了65，，，我去

![429159a448d042ff906588a5113eff94.png][]

可见：el-button 和 换行都会引起el-table-column的高度变高！！！！！

谨记这个小坑，累死我了

我还是在阳着的状态下，找的这个问题。。。

[166dbf984a844f9a8e62bac6be097ffb.png]: https://img-blog.csdnimg.cn/166dbf984a844f9a8e62bac6be097ffb.png
[e283fa558aab430db1c570066d868b6b.png]: https://img-blog.csdnimg.cn/e283fa558aab430db1c570066d868b6b.png
[58b0a29b26b749f586646ad7234b5aba.png]: https://img-blog.csdnimg.cn/58b0a29b26b749f586646ad7234b5aba.png
[7da08a78c0724f2ea0a83193cceec9b9.png]: https://img-blog.csdnimg.cn/7da08a78c0724f2ea0a83193cceec9b9.png
[154d9c10e1f944baaa8901e7f275f89c.png]: https://img-blog.csdnimg.cn/154d9c10e1f944baaa8901e7f275f89c.png
[429159a448d042ff906588a5113eff94.png]: https://img-blog.csdnimg.cn/429159a448d042ff906588a5113eff94.png