elementui table 列宽度如何自适应（100%）？

Question

项目中用到elementui的table组件，器中有一列宽度可能非常宽（强制不能换行），所以我希望td里面的文本能够撑开宽度，超出出现滚动条，而现在是会被隐藏。

最终的效果我希望是，左边的列通过fixed固定到左边，而最后一列非常宽，但是能够滚动（滚动最后一列）。

谢谢！

Answer 1

算了，采用动态计算内容长度设置列宽的做法来解决了，其他的都太麻烦了，参考：

https://www.cnblogs.com/huang...

Answer 2

1. 写个外盒子根据宽高适应；
2. 获取外盒子高度，在页面渲染时，设置表格高度。并且window.addEventListener('resize', () => {})实时监听窗口变化，重新计算table高度；
3. 在重新计算高度时，可以适当延时计算。延时计算时，window.addEventListener('resize', () => {})需要清除之前的定时器，避免变化多，触发过多；