`
jeelee
  • 浏览: 636867 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

easy ui easyui-datagrid 高度自动设置

 
阅读更多

<table id="dg" class="easyui-datagrid" style="width:100%"
data-options="rownumbers:true,singleSelect:false,selectOnCheck:false,checkOnSelect:false,toolbar:'#tb',footer:'#ft',
collapsible:true,
pagination:true,
fit:true,
url:''">
<thead>
<tr>
<th data-options="field:'ck',checkbox:true,width:80"></th>
<th data-options="field:'opt',title:'操作',width:90,align:'center'"></th>
<th data-options="field:'systemId'">System ID</th>
<th data-options="field:'systemName'">System Name</th>
<th data-options="field:'enableFlag',width:60,align:'center'">Enable</th>
<th data-options="field:'systemFlag',width:60,align:'center'">System Flag</th>
<th data-options="field:'createdUserName',align:'center'">Created User</th>
<th data-options="field:'creationDate',align:'center'">Creation Date</th>
<th data-options="field:'lastUpdateUserName',align:'center'">Last Update User</th>
<th data-options="field:'lastUpdateDate',align:'center'">Last Update Date</th>
</tr>
</thead>
</table>

datagrid加上 fit:true 就可以了
分享到:
评论

相关推荐

    easyui-datagrid之间拖拽效果demo

    7. **EasyUI 配置和样式**:为了使拖放效果与 Datagrid 的样式融合,可能需要调整 EasyUI 的默认配置和 CSS 样式,如设置拖动元素的透明度、边界等。 通过以上步骤,我们可以创建一个既美观又实用的前端应用,用户...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在前端开发中,EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列美观、易用的组件,用于构建用户界面。在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及...

    easyui的datagrid生成合并行,合计计算价格

    在IT行业中,EasyUI是一个基于JavaScript和jQuery的前端框架,它提供了一系列的UI组件,用于构建用户界面。在描述中提到的"easyui的datagrid生成合并行,合计计算价格",指的是如何使用EasyUI的DataGrid组件来实现...

    C# mvc4加存储过程加easyUI-DataGrid开发的数据分页Demo

    6.Jquery Easy-UI DataGrid的使用 7.jquery 的ajax 示例数据库表和存储过程在MyMVC.WebUI\App_Data文件夹里。数据库自己创建,创建完修改web.config文件里的数据库连接字符串。 自己写的,很简单,但是需要去好好...

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easy ui datagrid项目完整源代码

    《jQuery Easy UI Datagrid 完整项目源代码详解》 jQuery Easy UI 是一款基于 jQuery 的前端框架,它提供了一系列的组件,使得开发者可以快速构建出美观且功能丰富的 Web 应用程序。其中,Datagrid 是 Easy UI 的...

    EasyUI DataGrid过滤用法实例

    EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件,包括表格(DataGrid)等,使得 Web 应用程序的界面开发更加便捷。在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid ...

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

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

    jquery easy ui edatagrid 动态编辑表格 例子

    `edatagrid`是jQuery Easy UI库中的一个强大工具,它扩展了基本的`datagrid`功能,提供了更丰富的交互性和数据编辑能力。 首先,`edatagrid`是基于jQuery和Easy UI框架的一个组件,它允许用户在表格中直接进行数据...

    easyui-datagrid特殊字符不能显示的处理方法

    这个问题在标题为“easyui-datagrid特殊字符不能显示的处理方法”的描述中被提及,并提供了一个解决办法。 处理这个问题的方法是通过修改EasyUI的源代码,增加一个`escapeHtml`函数,用于将特殊字符转义为它们的...

    jquery-easyui-api-chm-document.rar_easy ui_easyui document_jquer

    例如,"datagrid"组件是EasyUI中的一个核心组件,用于展示数据表格。文档会详细介绍如何创建数据网格,设置列定义,进行数据加载,以及实现排序、过滤和分页等功能。 接下来,我们关注一下"window"组件,这是一个可...

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

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid,用于构建用户界面。本文将深入探讨如何使用EasyUI datagrid实现多条件筛选功能,特别是支持可复选的筛选条件,类似于淘宝网站上的...

    easyui导出excel工具

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,使得开发者能够快速构建用户界面。在处理数据展示时,datagrid是EasyUI的一个重要组件,它用于展示表格形式的数据。当需要将这些数据显示在...

    easyui帮助手册datagrid

    3. **fitColumns**:若设置为 `true`,Datagrid 会自动调整列宽以适应整个表格,避免出现水平滚动条。 4. **striped**:启用此属性后,行将交替显示不同的背景色,提供视觉上的区分。 5. **method**:设置请求数据...

    Easy Ui datagrid分页

    - **数据本地处理**:如果数据量较小,可以在前端进行分页,通过`url`属性指定一个返回所有数据的URL,Easy UI Datagrid会自动处理分页。 - **数据过滤**:配合`queryParams`属性,可以向服务器发送分页参数,比如...

    EasyUI:基本布局&tree菜单数据的绑定&DataGrid数据查询&数据绑定&分页

    EasyUI 的 DataGrid 支持分页,只需在初始化时设置 `pagination: true` 即可启用分页。开发者还可以自定义每页显示的条目数,以及分页信息的显示方式。通过 `onLoadSuccess` 回调函数,可以在数据加载完成后更新分页...

    jquery-easyui-1.5.5

    "jQuery EasyUI 1.5.5" 是一个基于 jQuery 的前端开发框架,它为构建交互式、响应式的Web应用程序提供了丰富的组件和便捷的API。EasyUI 的目标是简化前端开发,让开发者能够快速地创建功能完备的用户界面,而无需...

    Easy-Ui后台搭建

    Easy-Ui的布局组件如`&lt;div class="easyui-layout"&gt;`允许你将页面划分为多个区域(如北、南、东、西、中),通过调整各个区域的大小和位置,实现灵活的页面布局。同时,你可以使用`&lt;div class="easyui-panel"&gt;`来创建...

    JQuery Easy-UI DataGrid性能调优

    - **代码示例**:将原始代码中的`"&gt;table&gt;tbody&gt;tr.datagrid-row:has(div.datagrid-cell-checkinput:checked)"`替换为`"&gt;table&gt;tbody&gt;tr.datagrid-row&gt;td&gt;div.datagrid-cell-check&gt;input:checked"`,并使用`.parent...

    给DataGrid自定义Header功能

    - 在你的DataGrid配置对象中,为需要自定义的列设置`headerRenderer`属性,传入你之前创建的组件。 - 确保DataGrid能够识别并正确调用这个自定义渲染器。这通常涉及到在列定义对象中引入和引用你的组件。 3. **...

Global site tag (gtag.js) - Google Analytics