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

QQ登录

只需一步,快速开始

查看: 1862|回复: 1

dataTables响应式布局问题

[复制链接]

8

主题

21

帖子

109

积分

初级会员

Rank: 2

积分
109
QQ
发表于 2016-11-27 17:51:49 | 显示全部楼层 |阅读模式
按照文档配置:
响应式处理——当列多的时候,还可以使用响应式处理的方法,效果如下图,将右边显示不下的列显示在每行的下面,点左侧的绿色按钮,可以显示这些列的内容,点红色按钮,可以隐藏这些内容。使用响应式处理的方法是设置flexibleWidth为false,responsive为true

配置后设置前两列宽度分别为50%,想让后面的列都自动折叠,结果如下图

错误效果图

错误效果图

8

主题

21

帖子

109

积分

初级会员

Rank: 2

积分
109
QQ
 楼主| 发表于 2016-11-28 13:47:29 | 显示全部楼层
我想实现的是上图1 (图来自文档),但是出现的结果是图2(后面的3列没有折叠进"加号")
需求是只显示前两列,所以前两列的width设置成了 50%,后面的列想要折叠进 "加号"里面

宽度的设置是按照文档描述 如下:
dataTables的设置
1、列宽的设置
列的width属性可以有下面三种情况
不设置——根据内容,自适应宽度
设置为像素值——例如:100px,列宽为100px
设置为百分比——例如:25%,列宽占整个组件的四分之一宽



这里我设置前两列width都是50%,但是实际效果是被其他几列占用了宽度,然后在剩下的宽度里面,第一列和第二列各自占了 50%,所以也没有实现后面三列不显示,折叠进加号的效果,请问这该怎么设置
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-4-27 14:22 , Processed in 0.068827 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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