szhtest 发表于 2024-5-28 19:09:47

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

本帖最后由 szhtest 于 2024-5-29 12:11 编辑

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


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


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


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



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

论坛管理员 发表于 2024-5-30 10:50:59

1、设置列宽(比如6列,分别设置300px)
2、datatable样式里设置容器样式宽度(比如1800px)
3、外层div设置宽度1000px,overflow:auto

szhtest 发表于 2024-5-30 11:48:29

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

都是这样设置的,无效。

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

论坛管理员 发表于 2024-6-3 09:28:27

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

这个方案管理员是测试正常出现滚动条的
页: [1]
查看完整版本: 表单设计 页面宽不够,表格如何出现滚动条且保持列宽不变