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关联 第 ...
随机推荐
- 可以通过Action来判断是什么操作触发了事件
ObservableCollection<T>当这个集合发生改变后会有相应的事件得到通知请看如下代码: static void Main(string[] args) { var a = ...
- EC读书笔记系列之20:条款53、54、55
条款53 不要轻忽编译器的警告 记住: ★严肃对待编译器发出的警告信息.努力在你的编译器的最高(最严苛)警告级别下争取“无任何警告”的荣誉 ★不要过度依赖编译器的报警能力,∵不同的编译器对待事情的态度 ...
- VC++客户端 缩小包的尺寸
图片压缩: 1. 背景图片尺寸一般为100-300KB,使用纯色图片可缩小至1-3KB,方法得当可缩小1M多: 2. .ico一般为100-200KB,16x16一直到256x256,可减去其中几种尺 ...
- 多个不同的表合并到一个datatable中,repeater在绑定datatable
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI ...
- memcached的安装和linux下memcached服务自启动的配置
关于memcached在windows和linux环境的安装,以及在Linux系统系memcached服务自启动的配置,可以参考我在csdn上下的博客, windows和linux环境下memcach ...
- jmake 编译当前目录c/c++单文件 指定文件 可加选项
基础版本的jmake是将所有当前文件夹下的C/C++文件生成单文件编译命令,并且jmake命令不可加选项. 现在做的改进是能在输入命令jmake时加上一些选项了,‘-’开头的选项加入到每个编译单文件的 ...
- 关于Nexus 7的Usb host开发问题
按照API Guides和搜索到的各种方法,都没办法把Nexus 7上面的USB 设备列举出来.使用市场上的软件依然不行. 在找demo的时候找到一位大神chainfire,他似乎有所解释 看来得换一 ...
- 快速开启Safari的私密浏览(快捷键创建)
正常使用Safari浏览器,都会保存你的浏览记录.搜索记录,包括你的浏览习惯,经常去哪些网站等等.这样的好处是可以帮助你更快速的进入自己需要的网站,节约很多时间. 但有些情况下,你还是会偏向于选择私密 ...
- java--工具方法
根据时间戳得到具体的时间: public static void main(String[] args) { SimpleDateFormat sdf = new SimpleDateFormat(& ...
- 只有电信3G是公网ip。
只有电信3G是公网ip,其它网络拿到是内部网.