`
郑云飞
  • 浏览: 813945 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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 
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,

分享到:
评论

相关推荐

    解决EasyUIdataGrid列比较多,无数据,列展现不全

    ### 解决EasyUI dataGrid列较多时无数据显示不全的问题 在使用EasyUI框架进行前端开发的过程中,可能会遇到dataGrid组件在数据为空时列显示不完整的问题。这不仅影响用户体验,也降低了系统的可用性。本文将详细...

    easyui datagrid标题列宽度自适应

    4. **列属性设置**:在定义datagrid的列时,可以设置`width`属性为`auto`,让其自动根据内容调整宽度。 5. **自定义插件**:如果EasyUI默认的自适应功能不能满足需求,还可以编写自定义插件来实现更复杂的行为,...

    easyui datagrid 右冻结

    标题中的“easyui datagrid 右冻结”是指在使用EasyUI框架开发Web应用程序时,针对datagrid组件实现右侧列固定的功能。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括datagrid,它是一个用于展示表格数据的...

    easyui datagrid在编辑状态下更新列的值

    在使用EasyUI框架开发Web应用时,Datagrid组件是一个非常重要的元素,它提供了一种方便的方式来展示和操作数据。在标题“easyui datagrid在编辑状态下更新列的值”中,我们关注的是如何在Datagrid的编辑模式下动态地...

    Easyui-DataGrid表头拖动效果

    UI设计在一个系统中的重要性是不容忽视的,我们开发人员要做到:让用户去控制...给你的Easyui-DataGrid 表头添加一点料吧 Easyui-Datagrid—表头灵活显示http://blog.csdn.net/u010293698/article/details/47956865

    easyui datagrid tip 超出宽度省略

    datagrid添加tooltip及超出宽度添加省略号

    easyui datagrid 表格 打印

    标题“easyui datagrid表格打印”关注的就是如何解决这个问题,即如何将经过formatter处理后的数据在打印时保持原有的格式。 在描述中提到的“支持formatter格式化数据的打印”,指的是Datagrid中用于数据美化和...

    easyui datagrid 数据导出到Excel

    **方法二:使用jQuery插件(如Jquery_easyui_datagrid_js导出excel.doc所示)** 文件`Jquery_easyui_datagrid_js导出excel.doc`可能是文档说明或者包含插件使用的示例代码。通常,jQuery插件能简化Datagrid数据导出...

    easyui datagrid 多条件筛选 可复选 类似淘宝筛选

    在实现多条件筛选时,我们需要对datagrid的`columns`属性进行配置,定义每一列的显示方式和筛选条件。例如,我们可以为每列设置`formatter`函数来展示自定义内容,并通过`filterable`属性启用筛选功能。 对于复选...

    easyui datagrid editor回车切换单元格示例,可参考

    easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid 动态隐藏显示列

    jquery easyui 扩展 datagrid 自定义动态隐藏显示列

    easyUI datagrid rownumber自适应宽度扩展JS

    easyUI datagrid 自动调整行号大小

    easyui datagrid 增加鼠标悬停弹窗事件

    在本示例中,我们关注的是如何在EasyUI的Datagrid组件上添加一个特殊功能:当鼠标悬停在某一行时,弹出一个窗口显示该行的关键信息,例如用于图片预览。以下是对这个知识点的详细解释: 1. **EasyUI Datagrid**: ...

    JS EasyUI DataGrid动态加载数据

    JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件,它提供了丰富的功能,如数据分页、排序、过滤和自定义操作等。在实际应用中,动态加载数据是DataGrid的一个重要特性,允许用户在需要时加载更多的...

    EasyUI DataGrid过滤用法实例

    例如,我们可以在创建 DataGrid 时,为每一列定义过滤条件: ```javascript $('#datagrid').datagrid({ columns: [[ {field: 'id', title: 'ID', width: 50, filter: 'text'}, {field: 'name', title: 'Name', ...

    Easyui Datagrid 实现行过滤[模糊查询]

    1. **HTML结构**:在Datagrid中,我们需要为每列定义`field`属性,以便EasyUI知道如何绑定数据。同时,我们可以设置`filterable`属性为`true`,使该列可被过滤。 ```html <table id="datagrid" class="easyui-...

    EasyUI Datagrid 中文排序的问题

    特别是在使用如EasyUI Datagrid这样的前端组件时,中文排序成为了开发者面临的一个常见挑战。本文将详细介绍如何解决EasyUI Datagrid中的中文排序问题,并分别从前端和后端两个角度给出具体的实现方案。 #### 二、...

    jquery easyui datagrid demo

    这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件的示例和相关文档,帮助我们理解和应用 Datagrid。 首先,`datagrid.doc` 文件很可能是 Datagrid 的简要说明文档,它...

    easyui datagrid 分页查询样例

    首先,EasyUI Datagrid的核心在于其强大的数据绑定能力,它可以与JSON或XML格式的数据源进行交互,通过配置列定义、分页参数等,实现动态加载数据并展示在表格中。在分页查询中,Datagrid通常会通过Ajax请求向服务器...

Global site tag (gtag.js) - Google Analytics