element-ui,使用el-table时,type=“expand“和fixed一起使用坑
今天在改bug出现一个我都没见过的想象请看图如标题所示在用el-table时用到了typeexpand做展开行功能然而外层用到了fixed会导致表格显示错误分析后我认为时内嵌表格的宽度超过外层表格的宽度才会导致这样情况。那么如何解决呢我是通过让ai去思考的给到的解决方案是加一层容器对于样式ai给出来是改动这么多具体还是得看自己代码是如何写的我的改动就简单只对padding-right做了调整。el-table :datatableData stylewidth: 100% el-table-column typeexpand template slot-scopeprops !-- 核心加一层包裹 div并限制最大宽度和溢出隐藏 -- div classexpand-content-wrapper p这里是非常长的文字内容可能会被固定列遮挡.../p p{{ props.row.description }}/p /div /template /el-table-column el-table-column propname label姓名 fixed / /el-table style scoped .expand-content-wrapper { /* 限制最大宽度防止撑破表格 */ max-width: 100%; /* 隐藏超出部分 */ overflow: hidden; /* 可选如果需要省略号效果 */ text-overflow: ellipsis; /* 加上 padding 防止内容贴边 */ padding: 10px 20px; box-sizing: border-box; } /style