查看: 1849|回复: 3

表单设计 页面宽不够,表格如何出现滚动条且保持列宽不变

升级   0.1%

136

主题

241

回帖

10

积分

注册会员

Rank: 2

积分
10
发表于 2024-5-28 19:09:47 | 显示全部楼层 |阅读模式
本帖最后由 szhtest 于 2024-5-29 12:11 编辑

表单区域横宽不够,我用表格编辑器设置的时候,都是由出现滚动条的,但是列宽都能按照我设置的来


预览的情况下就没有了,都是在尽力挤压组件


每列都有设置固定的width:n px


然后按论坛以往针对数据表格滚动条的帖子试了,在表格的外层div配置了宽度+滚动条,现在是可以滚动了,但是列宽都不再按我设置的来,跟不设置滚动条的时候一样窄,都是被压缩到了每一列的最小宽度。。。感觉就是单纯缩短了整个表格的显示区域而已



那么表格(非数据表格)如何在出现滚动条的时候保持原有列宽不变?

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

升级   100%

139

主题

1万

回帖

4万

积分

超级版主

Rank: 8Rank: 8

积分
41458
发表于 2024-5-30 10:50:59 | 显示全部楼层
1、设置列宽(比如6列,分别设置300px)
2、datatable样式里设置容器样式宽度(比如1800px)
3、外层div设置宽度1000px,overflow:auto
回复

使用道具 举报

升级   0.1%

136

主题

241

回帖

10

积分

注册会员

Rank: 2

积分
10
发表于 2024-5-30 11:48:29 | 显示全部楼层
论坛管理员 发表于 2024-5-30 10:50
1、设置列宽(比如6列,分别设置300px)
2、datatable样式里设置容器样式宽度(比如1800px)
3、外层div设 ...

都是这样设置的,无效。

已找到解决方法了,在外层设置div的基础上,表格列宽不能设width,而是应该设置成min-width才能强制生效。。
回复

使用道具 举报

升级   100%

139

主题

1万

回帖

4万

积分

超级版主

Rank: 8Rank: 8

积分
41458
发表于 2024-6-3 09:28:27 | 显示全部楼层
论坛管理员 发表于 2024-5-30 10:50
1、设置列宽(比如6列,分别设置300px)
2、datatable样式里设置容器样式宽度(比如1800px)
3、外层div设 ...

这个方案管理员是测试正常出现滚动条的
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

联系客服 关注微信 下载APP 返回顶部 返回列表
viewthread