定义表单  nowrap="false"可以使得列中的内容超出所定义的列宽是就会自动换行
pagination : true, // 当true时在DataGrid底部显示一个分页工具栏。默认false

rownumbers : true, // 当true时显示行号。默认false
border : true,// 表格是否出现边框,默认是出现的。false 时不出现
fit : false,// 当True时设置该面板尺寸适合于它的父容器。默认false。
collapsible : true, // 当定义时显示可折叠面板的按钮。默认false
minimizable : false,// 当定义时显示最小化面板的按钮。默认false
maximized : 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,

easyui datagrid 列的内容超出所定义的列宽时,自动换行的更多相关文章

  1. easyui datagrid 表头固定(垂直滚动条)、列固定(水平滚动条)

    easyui datagrid 表头固定(垂直滚动条).列固定(水平滚动条),每页显示1000行 最近用多了easyui 之后还是觉得它的功能还是很强大的.它原有的功能就已经能够满足90%以上的界面需 ...

  2. EasyUI datagrid单元格文本超出显示省略号,鼠标移动到单元格显示文本

    nowrap : true;  是前提 $('#×××').datagrid({ nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取 }); 省略号样式: <sty ...

  3. 关于文字内容过长,导致文本内容超出html 标签宽度的解决方法之自动换行

    在标签的style 属性中设置 word-break style="word-break:break-all;" 这样就可以实现换行 上截图没设置之前 设置之后 完美解决!!!!! ...

  4. easyui datagrid属性和方法

    本文可以当做api来使用 使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据. <table class="easyui-datagr ...

  5. easyui datagrid的API

    本文可以当做api来使用 动态编辑用到DOM解析的话参考 http://www.w3school.com.cn/xmldom/dom_htmlcollection.asp 使用方法(Usage Exa ...

  6. Easyui datagrid 怎么添加操作按钮,rowStyler

    说明:本篇文章主要是展示怎么设置easyUI datagrid的格式,包括行样式和列样式,以及添加操作按钮列 开发环境 vs2012  asp.net mvc4 c# 1.效果图 3.HTML代码 & ...

  7. html内容超出了div的宽度如何换行让内容自动换行

    在显示评论列表的时候因为有固定宽,但是显示的内容超出的了div的宽,在这种情况下我们需要将其换行,实现的css代码如下   在工作中评论内容测试遇到评论着的评论内容为:"dddddddddd ...

  8. DIV内容超出长度显示省略号,鼠标移上自动显示全部内容(EasyUI DataGrid)

    如果想把DIV中超出的文本显示成省略号,而不是换行全部显示,有2个办法. 注:本文主要是以EasyUI的DataGrid为案例的,如果是其他场景只要底层是用DIV显示文本的应该都能使用. 首先可以给此 ...

  9. easyui datagrid的列编辑

    [第十五篇]easyui datagrid的列编辑,同时插入两张表的数据进去   看图说话. 需求:插入两张表,上面的表单是第一张表的内容,下面的两个表格是第二张详情表的内容,跟第一张表的id关联 第 ...

随机推荐

  1. openwrt 家用备忘

  2. hdu1004Let the Balloon Rise

    Problem Description Contest time again! How excited it is to see balloons floating around. But to te ...

  3. Spring-----代码中使用注入的Properties配置属性

    转载自:http://blog.csdn.net/hekewangzi/article/details/49990799

  4. Java split方法源码分析

    Java split方法源码分析 public String[] split(CharSequence input [, int limit]) { int index = 0; // 指针 bool ...

  5. Drawable类及XMLDrawable的使用

    一.性质 可直接使用.png..jpg..gif.9.png等图片作为资源,也可使用多种XML文件作为资源.(就是这些资源都能生成Drawable对象).并对XML文件作出相关处理 二.XMLDraw ...

  6. Java 中使用Jackson反序列化

    Build.gradle: compile group: 'org.codehaus.jackson', name: 'jackson-mapper-lgpl', version: '1.9.13' ...

  7. Linq to sql 操作

    1.往数据库添加数据 NorthwindDataContext abc = new NorthwindDataContext(); abc.Log = Console.Out; User a = ne ...

  8. SQL Server 空间监测

    数据库文件型: select * from sys.dm_db_file_space_usage;      go                                           ...

  9. 从ASP.NET传递参数给水晶报表

    原文 http://www.cnblogs.com/insus/p/3281114.html 上次Insus.NET有简单写了一篇文章<Visual Studio 2012使用水晶报表Cryst ...

  10. SpringDataRedis事务处理

    public Long leftPush(V value) { return this.ops.leftPush(this.getKey(), value); } public Long leftPu ...