easyui datagrid 列的内容超出所定义的列宽时,自动换行
定义表单 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 列的内容超出所定义的列宽时,自动换行的更多相关文章
- easyui datagrid 表头固定(垂直滚动条)、列固定(水平滚动条)
easyui datagrid 表头固定(垂直滚动条).列固定(水平滚动条),每页显示1000行 最近用多了easyui 之后还是觉得它的功能还是很强大的.它原有的功能就已经能够满足90%以上的界面需 ...
- EasyUI datagrid单元格文本超出显示省略号,鼠标移动到单元格显示文本
nowrap : true; 是前提 $('#×××').datagrid({ nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取 }); 省略号样式: <sty ...
- 关于文字内容过长,导致文本内容超出html 标签宽度的解决方法之自动换行
在标签的style 属性中设置 word-break style="word-break:break-all;" 这样就可以实现换行 上截图没设置之前 设置之后 完美解决!!!!! ...
- easyui datagrid属性和方法
本文可以当做api来使用 使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据. <table class="easyui-datagr ...
- easyui datagrid的API
本文可以当做api来使用 动态编辑用到DOM解析的话参考 http://www.w3school.com.cn/xmldom/dom_htmlcollection.asp 使用方法(Usage Exa ...
- Easyui datagrid 怎么添加操作按钮,rowStyler
说明:本篇文章主要是展示怎么设置easyUI datagrid的格式,包括行样式和列样式,以及添加操作按钮列 开发环境 vs2012 asp.net mvc4 c# 1.效果图 3.HTML代码 & ...
- html内容超出了div的宽度如何换行让内容自动换行
在显示评论列表的时候因为有固定宽,但是显示的内容超出的了div的宽,在这种情况下我们需要将其换行,实现的css代码如下 在工作中评论内容测试遇到评论着的评论内容为:"dddddddddd ...
- DIV内容超出长度显示省略号,鼠标移上自动显示全部内容(EasyUI DataGrid)
如果想把DIV中超出的文本显示成省略号,而不是换行全部显示,有2个办法. 注:本文主要是以EasyUI的DataGrid为案例的,如果是其他场景只要底层是用DIV显示文本的应该都能使用. 首先可以给此 ...
- easyui datagrid的列编辑
[第十五篇]easyui datagrid的列编辑,同时插入两张表的数据进去 看图说话. 需求:插入两张表,上面的表单是第一张表的内容,下面的两个表格是第二张详情表的内容,跟第一张表的id关联 第 ...
随机推荐
- pythonj基础之 多线程
多线程类似于同时执行多个不同程序,多线程运行有如下优点: 使用线程可以把占据长时间的程序中的任务放到后台去处理. 用户界面可以更加吸引人,这样比如用户点击了一个按钮去触发某些事件的处理,可以弹出一个进 ...
- Vijos 1121 马拦过河卒
首先要看清题目,卒只能向右或者向下走.而不是四周转.这样的话就无解了. 定义f[i][j],表示走到(i,j)这个点时的总步数.这样就写出了一个递推公式f[i][j]=f[i-1]+f[i][j-1] ...
- linux(Ubuntu)下mysql字符集完美解决
本文参考: 1. http://www.blogjava.net/wldandan/archive/2007/09/04/142669.html 2. http://chinaapp.sinaapp. ...
- contact表单错误解决记录
在上篇表单验证中,过程中可谓坎坷,记录一下错误问题及解决方案. 我们用到的模板contact_form.html如下,其他urls.py自行去修改. <html> <head> ...
- ie兼容---haslayout
要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念.大多IE下的显示错误,就是源于 haslayout. 什么是 haslayout ? ...
- 自学HTML5第一天(认识HTML5的全局属性)
contextmenu 属性 规定 <div> 元素的上下文菜单.上下文菜单会在用户右键点击元素时出现.列子: <div contextmenu="mymenu" ...
- 用正则表达式抓取网页中的ul 和 li标签中最终的值!
获取你要抓取的页面 const string URL = "http://www.hn3ddf.gov.cn/price/GetList.html?pageno=1& ...
- getHibernateTemplate()和getSession()的区别
自动生成hibernate配置文件的时候,会在dao层用到getSession()方法来操作数据库记录,但是他还有个方法getHibernateTemplate(),这两个方法究竟有什么区别呢? 1. ...
- CATALINA_BASE与CATALINA_HOME的区别(转)
到底CATALINA_HOME和CATALINA_BASE有什么区别呢,之前因为都是小打小闹的在服务器上安装一个tomcat就得了,然后根据前人的配置,将CATALINA_HOME和CATALINA_ ...
- uva 10972 RevolC FaeLoN cdoj 方老师和农场
//自己写的第一发tarjan 解:先进行双连通分解并缩点,分解后一定是一颗树,设叶节点个数为n那么答案就是(n+1)/2 关于双连通分量求解:在跑tarjan时判断每个点连向父节点的边是否是桥,如果 ...