怎样给表格做一个横向滚动条啊

因为表格太长，因此需要给个做个横向的滚动条，好让表格横向数据列太多能滚动查看不至于全挤在一起、不知道怎么做。使用style="overflow-x: auto; overflow-y: auto; width:200px;的情况是在不刷新页面的情况下，点击其他页面，然后再
点击回去那个使用这种方式加滚动条的页面，滚动条就不再显示了，要让它显示非得刷
新，这怎么办？关键在于不刷新不显示
求教

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

5条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
星陪伴 2017-12-06 02:04
关注
table固定长度，tbody不限制长度，加上样式overflow:auto

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

layui表格怎么让滚动条不变。 javascript layui 前端
2022-06-24 17:46

回答 2 已采纳再点击按钮前获取到当前滚动条的位置，点击后也定位再这
横向滚动条覆盖表格内容 ui
2017-05-23 06:11

回答 2 已采纳你肯定是不想出现横向滚动条的吧，那就把body再加一条设置：overflow-x：hidden; 把.dojoxGridMasterView里面设置的overflow:auto!important去
横向滚动条显示不全怎么回事？ css3 html5 javascript
2021-08-09 11:20

回答 2 已采纳 /*隐藏这句话*/ justify-content: space-around;
JS 前端表格顶部增加横向滚动条，键盘上下左右键控制滚动条
2023-08-16 17:32

Hemri_的博客这是普通表格的底部滚动条，这个表格是没有设置分页的，如果表格内容过多则需要拉到页面底部才可以进行横向的滚动，比较的麻烦。表格顶部增加滚动条，可用键盘 ↑ ↓ ← → 进行滚动。
前端vue页面水平导航栏想做一个选择框 vue.js 前端
2023-02-27 10:29

回答 3 已采纳你可以使用Vue.js中的select组件来实现这个功能。你可以使用Vue.js的v-for指令来把数据库中的选项显示在下拉框中。然后，在绑定的change事件上，触发对应的行为。
Datatables隐藏滚动条的方法,或是为DataTables添加css javascript 前端有问必答
2022-02-17 10:44

回答 3 已采纳你看一下这个overflow:auto上面的class是什么，可以强制修改，直接在你的css里 .new-pmd .c-gap-bottom-xsmall{ overflow:overlay !i
请问如何将滚动条置底？ html javascript 前端
2022-01-03 03:31

回答 2 已采纳 var div = document.getElementByClassName('content)[0]; div.scrollTop = div.scrollHeight;
html表格太长做水平滚动,datatable表格加水平滚动条
2021-06-13 06:56

王的机器的博客 3、重新加载一下表头只加前2步正常情况下是没有问题的，如果需要点击事件隐藏显示表格内过长内容的话，表头还是无法对齐，这时候需要调用rechargeTable.columns.adjust()重新加载一下表头即可。案例：function ...
antd table滚动条控制定位功能 javascript react.js 前端框架
2021-09-28 10:49

回答 1 已采纳 antd table 滚动到指定行方法 - JavaShuo 一、找到指定的行，并高亮this
wpf中DataGrid如何添加水平滚动条
2016-12-12 02:06

回答 1 已采纳 http://blog.csdn.net/withdreams/article/details/7506062
element-ui的el-table在1280x1024下不显示横向滚动条 vue.js
2018-09-06 06:31

回答 1 已采纳 https://blog.csdn.net/tooky_poom/article/details/78550323
给表格加上横向、纵向滚动条并对滚动条进行美化
2021-07-28 15:26

左又的博客 <!DOCTYPE html> <html lang="en"> <head> <style> .table-10 { width: 300px; } /* 横向滚动条 */ .table-box { white-space: nowrap; overflow-x: auto; .
easyUI关于datagrid横向滚动条的实现 javascript jquery
2016-06-17 04:32

回答 1 已采纳配置fit:true 还不行用css控制，增加overflow:hidden ``` ```
Vue.js table表格添加横向滚动条
2022-05-16 21:37

Lucky小黄人的博客比如下面最后一列是“操作”列，加上 width="200"，即会在表格宽度大于浏览器页面宽度时显示横向滚动条了 <el-table ref="multipleTable" v-loading="loading" :data="taskList"> <el-table-column type=...
HTML表格展示增加横向滚动条
2022-01-09 20:25

weixin_44375583的博客表格的横向滚动条，bootstrap方式外部 <div class="table-responsive", 内部 <div style="overflow:scroll;" , 表格 <table class="text-nowrap 三者缺一不可
没有解决我的问题, 去提问

悬赏问题

¥15 求解 yolo算法问题
¥15 虚拟机打包apk出现错误
¥30 最小化遗憾贪心算法上界
¥15 用visual studi code完成html页面
¥15 聚类分析或者python进行数据分析
¥15 三菱伺服电机按启动按钮有使能但不动作
¥15 js，页面2返回页面1时定位进入的设备
¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝

怎样给表格做一个横向滚动条啊

5条回答 默认 最新

悬赏问题

5条回答默认最新