从css下手,然后把组成grid的2个table的tr高度统一,这样就能对齐了:
//grid的这个事件,一般来说对表格的二次加工,都是在这个事件里去处理 onAfterShowData:function() { $(".l-grid-row-cell-inner").css("height","auto"); //单元格高度自动化,撑开 var i=0; $("tr",".l-grid2","#maingrid").each(function () { $($("tr",".l-grid1","#maingrid")[i]).css("height",$(this).height()); //2个表格的tr高度一致 i++; }); },
拖动列首改变宽度时也要加入对齐代码,举一反三:
onAfterChangeColumnWidth:function() { $(".l-grid-row-cell-inner").css("height","auto"); var i=0; $("tr",".l-grid2","#maingrid").each(function () { $($("tr",".l-grid1","#maingrid")[i]).css("height",$(this).height()); i++; }); }
相关推荐
Ligerui Grid合并单元格 ,指定列合并单元格,该合并是整列合并
通过上述步骤,LigerUI Grid将自动从指定的URL获取JSON数据,并根据配置的列信息进行渲染。如果数据发生变化,只需重新调用Grid的`loadData`方法即可刷新表格。 在实际开发中,你可能还需要关注以下方面: - 错误...
本文实例讲述了asp.net+Ligerui实现grid导出Excel和Word的方法。分享给大家供大家参考,具体如下: 下面采用的导EXCEL方法,适合不翻页的grid,而且无需再读一次数据库,对于翻页的grid来说,要导全部,当然后台要再...
在IT行业中,数据展示和处理是一项重要的任务,而LigerUI Table是一款强大的jQuery插件,专为网页数据展示提供解决方案。LigerUI Table不仅具备基本的表格功能,如排序、筛选、分页,还提供了丰富的扩展特性,如导出...
LigerUI Grid支持列隐藏状态的保存与恢复,开发者可以利用cookie或localStorage等本地存储技术,将用户的列设置保存下来,当用户再次访问时,自动加载之前保存的列状态,提供个性化的界面体验。 除了以上提到的功能...
在LigerUI中,Grid是一个至关重要的组件,用于展示表格数据,支持多种操作,如排序、筛选、分页等。本篇文章将详细介绍如何使用LigerUI的Grid组件来显示数据。 首先,我们需要了解Grid的基本结构。在HTML页面中,你...
LigerUI是一款基于JavaScript和CSS3的开源前端框架,它为开发者提供了丰富的UI组件和便捷的API接口,用于快速构建用户界面。此压缩包包含了LigerUI的全套源代码、API文档以及示例,旨在帮助开发者深入理解其内部工作...
- **表格(Grid)**:LigerUI的表格组件支持动态加载、分页、排序、过滤、自定义列模板等功能,方便展示和操作大量数据。 - **表单(Form)**:表单组件提供了丰富的验证规则和联动效果,能够快速构建交互性强的...
jQuery ligerUI是一款基于jQuery的前端开发框架,它提供了一系列丰富的UI组件,使得开发者能够快速构建具有专业界面的Web应用程序。在"jQuery ligerUI Demos 导航页、菜单栏"这个主题中,我们将深入探讨ligerUI如何...
LigerUI是一款基于JavaScript开发的前端用户界面框架,专为构建现代Web应用程序而设计。它提供了丰富的组件和灵活的配置选项,旨在简化开发者的工作,提高开发效率。LigerUI这个名字来源于“Liger”,象征着其融合了...
**jQuery LigerUI 中文 API 知识点详解** jQuery LigerUI 是一款基于 jQuery 的前端组件库,它提供了一套完整的用户界面解决方案,适用于快速构建功能丰富的 Web 应用程序。LigerUI 包含了大量的组件,如表格、表单...
3. **响应式设计**:ligerUI考虑到了移动设备的兼容性,支持响应式布局,能够自动适应不同屏幕尺寸,提供一致的用户体验。 4. **良好的文档和社区支持**:ligerUI有详尽的API文档和示例代码,方便开发者快速上手。...
**jQuery LigerUI V1.1.5**是一款基于jQuery的UI库,它为开发者提供了丰富的界面组件,便于快速构建用户界面。其中,ligerGrid是LigerUI中的核心控件,专门用于创建功能强大的表格展示。这个版本的发布旨在提供更加...
LigerUI是一个强大的JavaScript UI库,专为构建企业级Web应用程序而设计。它提供了一系列丰富的组件和工具,帮助开发者创建用户界面时节省时间和精力。LigerUI的核心特性在于其易于使用、高度可定制以及对各种浏览器...
ligerUI 教程API手册,方便查询
LigerUI 1.2.5 是一个成熟的前端开发框架,专为构建高效、美观的Web应用程序而设计。这个框架提供了丰富的组件和功能,旨在简化开发者的工作,提高开发效率。"LigerUI1.2.5文档和库"的压缩包包含两个主要部分:...
**jQuery LigerUI建筑工程管理系统详解** jQuery LigerUI是一个基于jQuery的前端开发框架,它提供了丰富的用户界面组件,包括表格、表单、对话框、菜单等,极大地简化了Web应用程序的开发过程。在这个"建筑工程管理...
1. **组件丰富**:LigerUi提供了一系列UI组件,如表格(Grid)、表单(Form)、下拉框(ComboBox)、日期选择器(DatePicker)、树形结构(Tree)、对话框(Dialog)等,覆盖了日常开发中的多种场景。 2. **数据...
ligerUI 提供了多种常见的 UI 组件,如表格(Grid)、表单(Form)、对话框(Dialog)、菜单(Menu)、按钮(Button)、面板(Panel)等。这些组件都遵循一致的 API 设计,使得在不同组件之间切换变得轻松。 2. **...
LigerUI是一款强大的前端开发框架,它为开发者提供了丰富的组件和功能,使得构建用户界面变得更加高效和便捷。这款框架的设计理念是简洁、易用,并且高度可定制化,旨在提升用户体验的同时,降低开发者的开发难度。...