这个表格右边还有很多没有展示出来，只设置滚动条的话体验感太差，能否尽量将表格整体缩小，在配上滚动条的话就好一些，有什么办法吗？
我是后端，前端没有很了解
vue中table表格太大，怎么根据屏幕适配表格整体缩小？
这个表格右边还有很多没有展示出来，只设置滚动条的话体验感太差，能否尽量将表格整体缩小，在配上滚动条的话就好一些，有什么办法吗？
我是后端，前端没有很了解
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
windcore 2022-05-26 16:21关注缩小和滚动，两者都无法彻底解决你的问题，你的问题根源在于列太多了，缩小了又要考虑单元格内容过长而导致换行问题。针对列太多的情况，一般采用固定几个常见列，然后其他不常见列用滚动条。
既然用的是vue，大部分都会采用element ui 等UI框架，可以看看element UI 里的table解决 无用评论 打赏举报 分享
- 2022-06-18 00:17回答 5 已采纳 获取某个单元格未合并原始行列下标可以用下面函数（JS），ts的话题主转下对应的dom对象类，测试正常 <table border="1"> <tr><td id
- 2022-02-17 18:04回答 2 已采纳 解决了，问题出在版本上，按照官方给出的"npm i --save ant-design-vue@next"安装完后，一直以为安装的是3.0.0-beta.10的版本，，最后去"package.json
- 2022-03-02 16:09回答 1 已采纳 你这是大屏吧,全屏不就完全展示了吗
- 2023-02-17 17:02回答 3 已采纳 那这个 其实就是 展开的问题了 。你需要 把 编辑前展开行的 row-key 记录下来 。更新后，把这个 赋值给 展开的属性
- 2022-02-24 12:08回答 4 已采纳 <el-table :data="scope.row.distributionList" max-height="500px"
- 2022-07-07 01:03回答 2 已采纳 参考 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" />
- 2022-08-02 15:25回答 2 已采纳 做个弹窗，点击事件携带row（当行数据），一般是这样做的，如果是说表格中编辑，直接在表格item中使用el-input，用啥方法要看业务场景，思路都是一样的，只要拿到当行数据就行，在表格中@click
- 2022-09-22 11:34回答 2 已采纳 答案：http://t.csdn.cn/RxSLn
- 2022-12-22 21:17回答 1 已采纳 你用 v-if试试
- 2021-09-15 10:00回答 4 已采纳 最后采用 前端 制作假分页完成
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 5月31日-
创建了问题
5月26日
悬赏问题
- ¥15 单纯型python实现编译报错
- ¥15 c++2013读写oracle
- ¥15 c++ gmssl sm2验签demo
- ¥15 关于模的完全剩余系(关键词-数学方法)
- ¥15 有没有人懂这个博图程序怎么写，还要跟SFB连接，真的不会，求帮助
- ¥15 PVE8.2.7无法成功使用a5000的vGPU，什么原因
- ¥15 is not in the mmseg::model registry。报错，模型注册表找不到自定义模块。
- ¥15 安装quartus II18.1时弹出此error，怎么解决？
- ¥15 keil官网下载psn序列号在哪
- ¥15 想用adb命令做一个通话软件，播放录音