设置max-height相对友好很多。但是发现element UI el-table 在计算table高度的时候有问题,在高度没有500px的情况下有时候会出现滚动列 环境 Element UI :2.13.0 问题页面 在操作后面多了一列,其实这里是滚动条预留的列,只是这里表格高度完全不需要滚动。看了下css渲染,表格的高度、预留列的高度都是直接在元素上设...
使用el-table的固定列后,出现固定列与表格中间部分断裂的空白样式问题: image.png 仔细检查代码后,发现列的宽度是固定的,把列的宽度设置成最小宽度就可以了 width属性改为min-width属性 <el-table-columnwidth="120"show-overflow-tooltipv-if="fieldArr.includes('number')"prop="number"header-align="center"a...
len-2:len-1// 有gutter改变的gutter的前一列,反之是最后一列list[idx].setAttribute('width',resValue)// 设置cell的长度table.querySelectorAll(`td.el-table__cell > .cell`).forEach(el=>{el.style.width=`${resValue}px`})}functiongetBtnSumWidth(ele){letsumWidth=0constarr=[]constlen=ele.le...
} // ---隐藏tablegutter列和内容区右侧的空白 start.el-tableth.gutter{display: none;width:0}.el-tablecolgroup col[name='gutter']{display: none;width:0; }.el-table__body{width:100%!important; } // ---隐藏tablegutter列和内容区右侧的空白 end 效果: 搞定...
3.如果三列都有宽度,且总宽度小于table宽度,则会全部靠左显示,右侧留出空白 <el-table-columnprop="name"width="155"label="礼品名称"></el-table-column><el-table-columnprop="priceRange"label="单价(元)"width="150"></el-table-column><el-table-columnprop="num"label="库存数量"width="150"></...
el-table 列的动态显示与隐藏,当我们在对表格数据查看的时候,可能某些列的数据是当前想要重点关注的,而某些列并不需要展示出来,我们就可以通过对表格的列进行实时的一个切换去实现动态的显示与隐藏。
在设置了estimated-row-height属性的情况下动态设置某列的fixed值为左固定或右固定该列的内容能正常显示 What is actually happening? 设置了estimated-row-height然后动态设置某列的fixed值为left或right后,该列的内容直接空白了 Additional comments 望重视该bug并尽快修复,谢谢!
(columnIndex == 1) | (columnIndex == 2)) { if (rowIndex == 1) { // 加上rowIndex精准定位 return { display: "none" }; } } // 然后让第0列第1行的单元格横向占据3个单元格位置填充刚刚隐去导致的空白 if ((columnIndex == 0) & (rowIndex == 1)) { // 加上rowIndex精准定位 ...
--模版代码-->2<el-table:data="tableData"border show-summary:summary-method="getSummaries"style="width: 100%"max-height="500">3</el-table>456// 逻辑代码7// 合计数据8let sumsValue=[]as any910// 表格合计列逻辑11const getSummaries=(param:SummaryMethodProps)=>{12const{columns,data}=param...