`
wenlongsust
  • 浏览: 76215 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

LigerUI可编辑表格左下角出现白色小方块遮罩层问题解决办法

 
阅读更多

LigerUI已经研究了一段时间,总体感觉还不错,基于jQuery开发,框架提供了丰富的UI组件,尤其LigerUI表格,功能还是挺强大的

在使用LigerUI可编辑表格的时候,发现一个小小的问题


当数据没有填充满表格的时候,展现效果没有什么问题



如果数据填充满表格,行数达到最大,表格左下角就会出现白色小方块遮罩层


发现问题之后,就在里求助,结果没有找到答案……


后来自己又研究了一下,终于找到了问题的原因,问题解决后的效果如下:

虽然数据行已经占满了整个表格,但是左下角却没有出现白色小方块遮罩层


问题分析:

之前指定了LigerUI表格的height值,如果数据没有填充满表格,表格最后就会出现空白行,如果数据填充满表格,表格左下角就会出现白色小方块遮罩层;

而不指定LigerUI表格的height值的时候,如果数据没有填充满表格,表格最后不会出现空白行,并且表格高度自适应,如果数据填充满表格,表格左下角也不会出现白色小方块遮罩层。


==================================华丽的分割线==================================


别以为这样问题就彻底解决了,后来又发现一个新的问题


表格内一行数据也没有,顶端和底端挨在一起了,并不是程序出现了问题,是真的没有数据,不信,看看右下角的数据条数


理想的效果应该是这样的


虽然也没有数据,但是顶端和底端没有挨在一起,中间可以有空白区域


问题分析:

如果不指定LigerUI表格height的值,没有数据的时候,表格顶端和底端就会挨在一起(因为LigerUI表格默认的isScroll值为true,会自动适应高度),为了解决这个问题,又必须指定height的值,但是如果出现了白色小方块遮罩层的问题,又必须去掉height值。


这个问题真有些像先有鸡还是先有鸡蛋的问题……


如果在前台接收到数据之后,表格展现数据之前,能够根据接收到的数据条数是否为0动态设置isScroll的值,就能最终解决这个问题了。

分享到:
评论

相关推荐

    Ligerui Table导出excel 支持样式、冻结行列、图片等导出

    在IT行业中,数据展示和处理是一项重要的任务,而LigerUI Table是一款强大的jQuery插件,专为网页数据展示提供解决方案。LigerUI Table不仅具备基本的表格功能,如排序、筛选、分页,还提供了丰富的扩展特性,如导出...

    ligerui-LigerUI

    LigerUI是一款基于JavaScript开发的前端用户界面框架,专为构建现代Web应用程序而设计...尽管它可能不如某些流行框架那样广为人知,但对于那些寻求高效、易用且功能完备的解决方案的开发者来说,LigerUI绝对值得一试。

    ligerUI 教程API手册

    ligerUI 教程API手册,方便查询

    ligerui-LigerUI-V1.2.5.rar

    LigerUI通常会提供详尽的API文档和实例代码,帮助开发者快速上手和解决问题。 通过解压“ligerui-LigerUI-V1.2.5.rar”,你可以找到框架的源代码、示例项目和文档资料。在实际开发中,你可以根据项目需求,将这些...

    全套ligerui源代码和api以及示例

    LigerUI是一个轻量级的前端框架,它以简洁、高效为设计原则,提供了一系列与后台技术无关的UI组件,如表格、表单、下拉菜单、对话框、按钮、树形结构等。这些组件具有良好的跨浏览器兼容性,支持主流的现代浏览器,...

    jQuery ligerUI Demos 导航页、菜单栏

    对于不支持jQuery的老版本浏览器,可能需要采用其他解决方案或者使用ligerUI的兼容模式。 总的来说,jQuery ligerUI Demos中的导航页和菜单栏是构建现代Web应用的重要工具。通过熟练掌握这些组件,开发者可以高效地...

    ligerui+Json_使用LigerUI的Grid和Java的Json实现数据显示

    LigerUI是一款强大的JavaScript UI库,它提供了丰富的组件和功能,便于开发者构建用户界面。在本教程中,我们将深入探讨如何结合LigerUI的Grid组件和Java的JSON数据来实现数据显示。Grid是LigerUI中的一个核心组件,...

    Jquery LigerUI 中文 API

    jQuery LigerUI 是一款基于 jQuery 的前端组件库,它提供了一套完整的用户界面解决方案,适用于快速构建功能丰富的 Web 应用程序。LigerUI 包含了大量的组件,如表格、表单、对话框、下拉菜单等,大大简化了前端开发...

    LigerUI1.2.5文档和库

    LigerUI 1.2.5 是一个成熟的前端开发框架,专为构建高效、美观的Web应用程序而设计。...无论是初学者还是有经验的开发者,这个压缩包都提供了全面的学习和参考资料,是理解和使用LigerUI不可或缺的一部分。

    Ligerui Grid合并单元格

    Ligerui Grid合并单元格 ,指定列合并单元格,该合并是整列合并

    ligerui_1.1.9

    通过阅读文档,开发者可以快速掌握LigerUI的使用方法,理解各个组件的属性、方法和事件,这对于快速上手和解决实际问题非常有帮助。 源码(Source)部分则为开发者提供了深入学习的机会。通过对源码的研究,开发者...

    LigerUI前端设计帮助文件

    1. **LigerUI组件**:LigerUI提供了多种组件,如按钮、表单、表格、对话框、下拉菜单、分页、树形结构、图表等。这些组件都有各自的API和配置选项,帮助开发者实现各种交互效果。 2. **使用方法**:文档会详细介绍...

    ligerUI全部实例

    ligerUI 的表格组件支持数据分页、排序、过滤、编辑等功能,可以轻松地与后端数据源进行交互。它还提供了自定义列模板、行操作、行选择等多种高级特性。 3. **表单(Form)** 表单组件是 ligerUI 的核心部分,...

    LigerUI demo及api文档

    LigerUI的核心特性在于其易于使用、高度可定制以及对各种浏览器的良好兼容性。 标题中的"LigerUI demo及api文档"表明,这个压缩包包含的是LigerUI框架的示例演示和API参考文档。这将为开发者提供一个直观了解Liger...

    包含ligerUI的MVC三层实例

    【标题】"包含ligerUI的MVC三层实例"是一个基于ligerUI、MVC设计模式和Spring框架的实战项目,旨在提供一个完整的业务逻辑处理和用户界面展示的示例。这个实例对于开发者来说,是一个很好的学习资源,可以帮助他们...

    Jquery Liger UI框架学习

    例如,在构建一个行政审批系统时,你可以利用Liger UI的表格组件展示大量的审批任务,使用表单组件创建和编辑审批单,通过对话框进行确认或取消操作,而下拉菜单则可用于快速选择审批状态。 总之,jQuery Liger UI...

    LigerUi全套文件

    《LigerUi:一款强大的前端框架深度解析》 在当今互联网技术日新月异的时代,前端框架成为了构建高效、响应式网页应用的重要工具。LigerUi,作为一个全面的前端框架,以其独特的设计理念和丰富的功能特性,深受...

    JQuery LigerUI建筑工程管理系统

    其次,LigerUI的表单组件则用于数据的录入和编辑。它可以自动生成各种输入控件,如文本框、下拉列表、日期选择器等,同时提供验证功能,确保输入数据的准确性。在系统中,管理员可能需要添加、修改或删除工程项目的...

    jquery布局工具ligerUI

    1. **表格(Grid)**:ligerUI的表格组件支持数据加载、排序、过滤、分页等功能,同时可以进行行操作,如编辑、删除、新增等。 2. **表单(Form)**:提供了各种表单控件,如文本输入框、下拉框、日期选择器等,...

    ligerUI后台管理系统

    3. **表格操作**:后台管理系统往往涉及大量数据展示和处理,ligerUI提供了强大的表格组件,支持分页、排序、过滤、编辑等功能,可以方便地对大量数据进行操作。 4. **表单处理**:表单是后台管理系统中常见的交互...

Global site tag (gtag.js) - Google Analytics