easyui datagrid 列的内容超出所定义的列宽时,自动换行

 定义表单  nowrap:false


例如:

$(function() {
$('#dg').datagrid({
title : "视频信息列表",
url : "VideoServlet?flag=getAllVideo&time="+new Date().getTime(),
noheader : true,
checkbox : true,
toolbar : '#tb',
collapsible : false,
fitColumns : true,
fit : true,
checkOnSelect : true,
pagination : true,// 分页
rownumbers : true,// 行数
nowrap :false,
});
});


pagination : true, // 当true时在DataGrid底部显示一个分页工具栏。默认false 
rownumbers : true, // 当true时显示行号。默认false 
border : true,// 表格是否出现边框,默认是出现的。false 时不出现 
fit : false,// 当True时设置该面板尺寸适合于它的父容器。默认false。 
collapsible : true, // 当定义时显示可折叠面板的按钮。默认false 
minimizable : false,// 当定义时显示最小化面板的按钮。默认false 
maximizable : false,// 当定义时显示最大化面板的按钮。默认false 
closable : false,// 当定义时显示关闭面板的按钮。默认false 
collapsed : false,// 当定义时该面板初始化时处于收缩状态。默认false 
minimized : false,// 当定义时该面板初始化时处于最小化状态。默认false 
maximized : false,// 当定义时该面板初始化时处于最大化状态。默认false。 
closed : false,// 当定义时该面板初始化时处于关闭状态。默认false 
// href:一个url,加载远程数据并显示在面板中。 


title : '指标实例管理', // 该DataGrid面板的标题文本 
iconCls : 'icon-edit',// 一个CSS类,将提供一个背景图片作为标题图标 
width : 'auto',// 面板宽度,自动列宽 
height : 'auto',// 面板高度,自动列高 
singleSelect : false, // 当true时只允许当前选择一行。默认false 
striped : true,// 当true时,单元格显示条纹。默认false 隔行换色 
nowrap : true,// :当true时,显示数据在同一行上。默认true。 
idField : 'INSTANCEID', // :说明哪个字段是一个标识字段 
pageNumber : 1,// 当设置分页属性时,初始化的页码编号。默认从1开始 
pageSize : 10,// 当设置分页属性是,初始化的页面大小。默认10行 
pageList : [ 10, 20, 30, 40, 50, 200 ],// 当设置分页属性时,初始化页面的大小选择清单。默认[10,20,30,40,50] 



// 排序的时候用到 
sortName : 'KPINAME',// 定义哪列可以排序 
sortOrder : 'desc',// 定义列的排列顺序,只能是'asc'或'desc'。默认asc 
remoteSort : false,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值