通过element界面中的dom结构返现,其实table外部包了几层div,而滚动条是添加在外层的div中的,而外层中的div则是使用el-table__body-wrapper的类样式, 所以修改添加下面的样式就可以修改css样式 48px为列头使用的高度 ...
将 .el table 标签css属性中的 修改成 将 .el table 父标签添加css属性 tips:属性更改是全局的,不要写在scoped内。 ...
2018-11-15 13:55 0 5477 推荐指数:
通过element界面中的dom结构返现,其实table外部包了几层div,而滚动条是添加在外层的div中的,而外层中的div则是使用el-table__body-wrapper的类样式, 所以修改添加下面的样式就可以修改css样式 48px为列头使用的高度 ...
问题:在使用element-ui的table组件时,给表格的某些列设置了fixed属性,让列可以固定,不随着滚动条滚动移动,结果发现设置后,拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了fixed属性的列(左侧的div)把滚动条覆盖了。 解决办法: ...
去边框: 给el-table绑定class=“customer-table” .customer-table th { border: none; } .customer-table td, .customer-table th.is-leaf { border: none ...
element-ui 的table表格中,添加汇总和固定列fixed后,原本带底部滚动条的table会被左右两侧固定列的table块给遮住,会发现红圈部分滚动条无法拖动,只有中间未被固定部分才可拖动,非常不方便。 可添加样式代码,提高底部table层级 ...
/* //element-ui table的去除右侧滚动条的样式 */ ::-webkit-scrollbar { width: 1px; height: 1px; } /* // 滚动条的滑块 ...
<template> <el-scrollbar wrapClass="scrollbar-wrap" :style="{height: scrollHeight}" ref="sc ...