起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 6761|回复: 18

[结贴] 放在controlGroup中的datatable组件不能设置固定宽度

[复制链接]

532

主题

2107

帖子

4308

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4308
发表于 2017-7-4 15:10:52 | 显示全部楼层 |阅读模式
微信截图_20170704150848.png
datatable组件放在controlGroup中。设置width属性后,发现无效
及时结贴是个好习惯

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36069
发表于 2017-7-4 17:15:51 | 显示全部楼层
表格自适应宽度和响应式处理

自适应宽度——不用特殊设置,组件就会自适应宽度。当表格有太多列,导致页面出现滚动条的时候,可以通过设置scrollX属性,来开启水平滚动条。设置为1,显示水平滚动条,为空,不显示滚动条。
响应式处理——当列多的时候,还可以使用响应式处理的方法,效果如下图,将右边显示不下的列显示在每行的下面,点左侧的绿色按钮,可以显示这些列的内容,点红色按钮,可以隐藏这些内容。使用响应式处理的方法是设置flexibleWidth为false,responsive为true

不能设置固定宽度这个是jquery dataTables就是这样的
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4308

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4308
 楼主| 发表于 2017-7-5 08:27:03 | 显示全部楼层
jishuang 发表于 2017-7-4 17:15
表格自适应宽度和响应式处理

自适应宽度——不用特殊设置,组件就会自适应宽度。当表格有太多列,导致页面 ...

微信截图_20170704150848.png
有的页面的dataTables可以设置固定宽度啊!!

设置了width属性有效啊
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36069
发表于 2017-7-5 11:45:39 | 显示全部楼层
改变一下浏览器的大小,dataTables的宽度不会变?
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4308

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4308
 楼主| 发表于 2017-7-5 14:11:22 | 显示全部楼层
jishuang 发表于 2017-7-5 11:45
改变一下浏览器的大小,dataTables的宽度不会变?

会变。是我说错。我是想让某列宽度小一点,设置width属性没有用
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4308

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4308
 楼主| 发表于 2017-7-5 14:12:17 | 显示全部楼层
jishuang 发表于 2017-7-5 11:45
改变一下浏览器的大小,dataTables的宽度不会变?

比我,某两列,我设置width分别为200 和 100,发现两列宽度其实差不多。
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36069
发表于 2017-7-5 15:51:07 | 显示全部楼层
列宽的设置

列的width属性可以有下面三种情况

不设置——根据内容,自适应宽度
设置为像素值——例如:100px,列宽为100px
设置为百分比——例如:25%,列宽占整个组件的四分之一宽
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4308

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4308
 楼主| 发表于 2017-7-5 20:12:00 | 显示全部楼层
jishuang 发表于 2017-7-5 15:51
列宽的设置

列的width属性可以有下面三种情况

设置为100px,这不是固定宽度吗
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36069
发表于 2017-7-6 09:47:52 | 显示全部楼层
100px是固定的
要确认属性上写的是100还是100px?
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4308

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4308
 楼主| 发表于 2017-7-6 09:56:49 | 显示全部楼层
jishuang 发表于 2017-7-6 09:47
100px是固定的
要确认属性上写的是100还是100px?

(1)经过测试 写 100 和 100px 效果貌似一样,用chrome调试发现样式都是100px。
(2)你之前说datatables不支持固定列宽,那我设置100或100px,这个不就是固定列宽么?所以到底支不支持?
(3)如果将dataTables放在controlGroup中的时候,设置width属性是没有效果的。这才帖子的核心问题
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-11-26 05:45 , Processed in 0.055657 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表