<el-table tooltip-effect="dark" :data="dataList" ref="multipleTable" border style="width: 100%">自动适应更小屏幕
时间: 2023-07-03 22:31:11 浏览: 186
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
5星 · 资源好评率100%
你想让这个表格在小屏幕下自适应吗?如果是的话,可以尝试使用CSS媒体查询来实现。你可以为小屏幕定义一个特定的样式,例如:
```
@media only screen and (max-width: 600px) {
.el-table {
overflow-x: auto;
}
}
```
这将在屏幕宽度小于或等于600像素时应用样式,使表格出现水平滚动条,以便在小屏幕上查看所有列。你也可以根据需要调整媒体查询的最大宽度。
阅读全文