这个demo和以前一样 依然只是一个前台的展示.
具体的特性请大家自己体会吧
欢迎提bug
目前具备的特色:
0 支持列表主菜单,以及一些辅助功能(点击列表左下角的图标)
点击后出来的菜单暂时均为开关式(需要单击展开/关闭,而不是鼠标悬停/移出时开闭)
翻页 编辑 导出 打印 等按钮暂时没有相应功能,点击后并不会有什么变化.
1. 支持固定的表头和工具栏.
2. 改变列宽: 拖动列表表头之间的分割线.
3. 可改变列的相对位置: 按住ctrl 键不放,拖动列表表头.
4. 支持按列排序,点击表头栏,将在 acs desc 默认排序 三者之间切换. 5. 支持行选择(按ctrl多选),选择方式类似在windows的资源管理器里选择文件.
6. 支持数据编组.(建议先排序后再编组)
7. 支持列锁定: 要锁定的列(0--4)
8. 支持列隐藏
9. 可改变列表区域的大小: 拖动工具栏右下角的大小调整图标.
10. 支持换肤
11. 不依赖任何第三方的ajax/js组件,代码体积更小,更专注于列表的实现.
目前只在 IE6 FF2下进行测试 以后会扩展到opera 但是safari暂时不会考虑(我缺少相关的资料和技术知识,很多东西在safari里不知道怎么实现 郁闷)
补充几句
目前列表依然使用ext-grid的风格(其实ext-grid的风格也是学的excel2007),
但是我保证GT-Grid 绝对不是对ext grid的封装.100%原创作品.
GT-Grid更专注于列表的实现,虽然有些地方要比EXT-grid弱,但是同样也有自己的长处.
GT-Grid速度更快, 体积更小, API更简单易用.
以后还将推出配套的服务端代码,实现与后台数据的交互,如数据导出 数据表CRUD等等.
- 描述: 部分截图
- 大小: 14.8 KB
分享到:
相关推荐
"gt-grid.rar+demo"这个压缩包文件包含的是关于"gt-grid"的样例源码。"gt-grid"是一个常见的前端数据展示控件,通常用于创建高性能、可定制的表格,它在Web应用中广泛使用,特别是在大数据量的场景下。下面我们将...
本次我们将通过"gt_grid_demo"源码下载来深入理解GT-Grid的运作机制及其与后台数据交互的方式。 一、GT-Grid 概述 GT-Grid 是一个高度可定制的数据展示框架,它提供了丰富的功能,如排序、分页、过滤、编辑等,...
在这个"Ag-Grid Demo2.7z"压缩包中,你将找到一个示例项目,展示了如何在实际应用中使用ag-grid。 一、ag-grid简介 ag-Grid是一款开源的JavaScript/HTML5数据网格,它能够有效地展示和操作大量数据。它的特性包括但...
GT-Grid 教程示例 GT-Grid 教程示例GT-Grid 教程示例GT-Grid 教程示例
在这个“gt-grid的一个例子”中,我们将深入探讨如何使用`gt-grid`的基本功能,并通过实际代码示例来理解其工作原理。 首先,`gt-grid` 提供了灵活的数据绑定机制,可以方便地将后台数据源与前端表格进行对接。在...
本篇文章将深入探讨两种流行的JavaScript表格组件——GT-Grid和EXT-Grid,并通过对比分析它们的特点、功能和使用场景,以帮助开发者选择最适合项目需求的组件。 GT-Grid与EXT-Grid都是用于构建高性能、可定制的表格...
GT-Grid 1.0 是一个强大的分布式计算框架,它为大数据处理提供了高效、灵活的解决方案。本基础教程旨在帮助初学者快速理解并掌握GT-Grid 1.0 的核心概念和基本操作,以便在实际项目中应用。下面将详细阐述GT-Grid ...
GT-Grid 是一款强大的数据网格组件,常用于前端开发中展示和操作大量结构化数据。在Web应用中,它提供了一种高效的方式来呈现表格数据,支持排序、筛选、分页、编辑等多种功能,大大提升了用户体验。这个压缩包文件...
**gt-grid基础教程** 在网页开发中,数据的展示往往是不可或缺的部分,特别是在处理大量结构化信息时。`gt-grid`是一款由"胖哥"开发的高效、功能丰富的表格组件,专为页面展示设计,旨在帮助开发者更便捷地构建数据...
`grid-row`和`grid-column`属性可以用来指定一个网格项应跨越的行和列数量,而`grid-area`属性则可以结合`grid-template-areas`将一个元素放置到预定义的网格区域。例如: ```css .item1 { grid-row: 1 / 3; grid...
(ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jspTag技术) GT-Grid 的主要 特性: Ajax实现 (翻页,数据的crud 基于ajax技术) 固定表头和工具栏 自定义复杂表头 可调整列宽: ...
在这个"propertyGrid 属性处理演示demo"中,我们将深入探讨`PropertyGrid`的用法、功能以及如何动态地操作它。 首先,`PropertyGrid`是Windows Forms库中的一个控件,通常用于创建数据绑定和配置界面。它能以网格的...
本示例"grid表格 简单demo"旨在介绍如何使用ExtJS库创建一个基本的Grid表格,帮助开发者理解其核心概念和功能。 ExtJS是一个强大的JavaScript框架,用于构建富客户端Web应用。它提供了丰富的组件库,其中Grid组件是...
5. "440.87-443.05-grid-vgpu-release-notes-vmware-vsphere.pdf":发布说明,列出了此版本的更新内容、已知问题和解决方法,有助于用户了解新特性并解决可能出现的问题。 6. "440.87-443.05-grid-gpumodeswitch-...
GT-GRID是一款基于jQuery的强大的数据网格插件,主要用于展示和操作大量结构化的数据。它在Web应用中常被用于创建功能丰富的表格,提供类似数据库的分页、排序、过滤和编辑功能,使得用户可以方便地浏览和管理数据。...
- **安装**:通常通过npm或yarn进行安装,例如`npm install ag-grid-community`。 - **初始化**:在项目中引入ag-Grid,并创建数据网格实例,设置数据源和列定义。 - **文档与示例**:ag-Grid提供详尽的官方文档和...
此压缩包"NVVIDIA-GRID-Linux-KVM-470.63-470.63.01.zip"包含了与NVIDIA GRID相关的两个关键组件,以及一系列相关的文档,这些文档提供了详细的安装指南、更新说明和用户手册。 首先,我们来看一下两个主要的运行时...
9. **API与插件体系**:GT-grid拥有完善的API接口,允许开发者进行深度定制和扩展。此外,其插件体系允许添加额外的功能,如导出数据、打印表格等。 10. **文档与示例**:为了方便开发者快速上手,GT-grid提供了...
9. **API与事件**:GT-Grid提供详尽的API接口和事件机制,使得开发者可以精确控制表格的各个行为,如数据加载、状态改变等。 10. **文档与示例**:内附的说明和例子对开发者来说是极有价值的资源,它们可以帮助快速...
使用 Vue 实现 Grid Layout 功能实例代码 本文主要介绍了使用 Vue 实现 Grid Layout 功能的代码讲解,涵盖了基本布局、节点排版、拖拽事件等多个方面的知识点。 基本布局 在实现 Grid Layout 功能之前,首先需要 ...