社区
JavaScript
帖子详情
easyUI中数据表格列无法自适应宽度
kouwenxuan
2015-04-01 09:26:04
如图所示,我想让表格中的列填满宽度
easyUI初始化代码如下
我已经设置了 fitColumns:true 为什么列还是无法自己适应宽度呢
求大神给看看啊,只有这点分,谢谢了
...全文
14538
6
打赏
收藏
easyUI中数据表格列无法自适应宽度
如图所示,我想让表格中的列填满宽度 easyUI初始化代码如下 我已经设置了 fitColumns:true 为什么列还是无法自己适应宽度呢 求大神给看看啊,只有这点分,谢谢了
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
小鬼_画符
2016-12-02
打赏
举报
回复
width:auto;
Go 旅城通票
2015-04-02
打赏
举报
回复
设置了fitColumns,要想生效,你的column至少要有一个配置了width,看这个:
easyui datagrid fitColumns:true失效
kouwenxuan
2015-04-02
打赏
举报
回复
解决了,是因为列没有设置width属性,加上width:100就能自适应列宽度了
踩沙滩
2015-04-01
打赏
举报
回复
easyui文档:fitColumns boolean True 就会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动。所以fitConlumns为true只是自适应field字段名的宽度而已吧
kouwenxuan
2015-04-01
打赏
举报
回复
快来大神啊
娃都会打酱油了
2015-04-01
打赏
举报
回复
这东西一年多前用过,后来就再也没接触过,让别人答复你吧
EasyUI
数据
表格
datagrid
列
自适应
内容
宽度
的实现
主要介绍了
EasyUI
数据
表格
datagrid
列
自适应
内容
宽度
的实现,文
中
通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
easyui
datagrid标题
列
宽度
自适应
NULL 博文链接:https://wusuobuai.iteye.com/blog/1860496
easyui
帮助手册datagrid
名称 类型 描述 默认值 columns(
列
) array(数组)
数据
表格
列
配置对象,查看
列
属性以获取更多细节。 null frozenColumns(固定
列
) array(数组) 跟
列
属性一样,但是这些
列
固定在左边,不会滚动。 null fitColumns(
自适应
列
宽) boolean(布尔型) 设置为true将自动使
列
适应
表格
宽度
以防止出现水平滚动。 false striped(显示条纹) boolean(布尔型) 设置为true将交替显示行背景。 false method(方法) string(字符串) 请求远程
数据
的方法类型。 post nowrap(截取) boolean(布尔型) 设置为true,当
数据
长度超出
列
宽时将会自动截取。 true idField(id字段) string(字符串) 表明该
列
是一个唯一
列
。 null url(超链接) string(字符串) 一个用以从远程站点请求
数据
的超链接地址。 null loadMsg(载入时信息) string(字符串) 当从远程站点载入
数据
时,显示的一条快捷信息。 Processing, please wait … pagination(分页) boolean(布尔型) 设置true将在
数据
表格
底部显示分页工具栏。 false rownumbers(行数) boolean(布尔型) 设置为true将显示行数。 false singleSelect(单选模式) boolean(布尔型) 设置为true将只允许选择一行。 false pageNumber(当前页码) number(数字) 当设置分页属性时,初始化分页码。 1 pageSize(每页记录数) number(数字) 当设置分页属性时,初始化每页记录数。 10 pageList(可选择的每页记录数) array 当设置分页属性时,初始化每页记录数
列
表。 [10,20,30,40,50] queryParams(查询参数) object(对象) 当请求远程
数据
时,发送的额外参数。 {} sortName(默认排序) string(字符串) 当
数据
表格
初始化时以哪一
列
来排序。 null sortOrder(排序顺序) string(字符串) 定义排序顺序,可以是'asc'或者'desc'(正序或者倒序)。 asc remoteSort(远程排序) boolean(布尔型) 定义是否通过远程服务器对
数据
排序。 true showFooter(显示行底) boolean(布尔型) 定义是否显示行底(如果是做统计
表格
,这里可以显示总计等)。 false rowStyler(行样式) function(函数) 返回样式,如:'background:red',function有2个参数: index:行索引,从0开始. row:对应于该行记录的对象。 loadFilter(载入过滤器) function(函数) 返回用以显示的已过滤
数据
,function有一个参数'data'表示原始
数据
,你可以将原始
数据
改变为规范的
数据
格式,该函数必须返回包含 'total'和'rows'属性的标准
数据
对象。 editors(编辑模式) object(对象) 定义当编辑一行时的编辑模式。 predefined editors view(视图) object(对象) 定义
数据
表格
的视图。 default view
table
表格
插件
类似于
easyui
的table插件,包含的功能有:配置
宽度
和高度或者
自适应
、配置选择框、配置序号、配置
数据
(可以是json格式也可以是请求
数据
的url)、配置需要另外传入的参数、配置每
列
宽度
,配置自定义添加事件、配置每页显示条数
php
表格
自适应
宽度
,
EasyUI
数据
表格
datagrid
列
自适应
内容
宽度
的实现
项目初期在加载
数据
表格
的时候为了提高
表格
数据
渲染速度,设置了默认
宽度
。现需求需要加一个
表格
自适应
的功能,触发改功能,改变
列
宽度
,但是不重新渲染
表格
,不发生
数据
请求。设计思路,遍历每项的所有
数据
,比较字节符串长度,取最大长度。再用最大长度和标题长度比较,如果标题长就去标题长度,如果字符串长,就取字符串的。js//
表格
自适应
方法function changeWidth(agstr){var dg = ...
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章