Grid:实用的网格/表格(Grid/Table)控件


 Flexigrid 

Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。

Flexigrid

 jQuery  

 SortableTable 

基于Mootools开发,具有排序与过滤功能的Table。

SortableTable

 Mootools  

 dhtmlxGrid  

dhtmlxGrid是一个Ajax-enabled JavaScript Grid。支持多种数据源包括:XML,JSON,CSV,JS数组和HTML表格。提供的功能有: 列宽大小调整,排序,拖动列,过滤,搜索,分组,分页等。
dhtmlxGrid

dhtmlxGrid

 

 Ingrid 

这个jQuery DataGrid提供的功能有:可以拖动调整列宽,分页,排序,设置行/列样式等。

Ingrid

 jQuery  

 Yahoo! UI Library: DataTable 

该DataTable控件提供的功能有:排序、列宽调整、分页、inline editing、row selection等。

Yahoo! UI Library: DataTable

 YUI  

 Table widget 

这个控件能够将正常的HTML Table转成可排序,固定表头的Table。

Table widget

 Widgets  

 GT-Grid 

GT-Grid 一个功能丰富,简单易用的列表组件. 它可能不是最好的,但也许是你最需要的。

GT-Grid

 

 jQuery Grid 

jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择,支持子表格,集成日期选择控件等等。Demo

jQuery Grid

 jQuery  

 JQuery.Resizer 

一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。

JQuery.Resizer

 jQuery  

 tablesorter 

tablesorter这个jQuery插件能够将带THEAD与TBODY标签的标准HTML Table转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序,支持二级隐藏排序,支持多种浏览器:IE6.0+、FF2+、Safari2.0+、Opera9.0+。

tablesorter

 jQuery  

 

 

 

 JavaScript Table Sorter 

这是一个能够将标准Table转换成可排序Grid的JavaScript程序。它能够自动识别每列的数据类型,指定需要排序的列。

JavaScript Table Sorter

 

 JxLib 

JxLib是一个基于Mootools开发的Web UI库。类似于jQuery UI、Ext JS或Dijit。拥有丰富文档和示例。提供的主要UI控件包括:
  • layout managers
  • buttons
  • tabs
  • toolbars
  • dialogs
  • panels
  • trees
  • grid control

    JxLib

     Menu Mootools Tabs Tree UI  

  •  DataTables 

    DataTables是一个jQuery插件,能够让html表格很方便地实现分页、过滤和多栏排序等功能。DataTables可以使用本身自带的CSS样式,但还可以按自己的需要自定义CSS样式。它具有以下特征:
  • 自适应列宽
  • 可保存表格状态
  • 可隐含列
  • 动态创建表格
  • Ajax自动装载数据
  • 丰富的分页类型
  • 多栏排序和高亮显示

    DataTables

     jQuery  

  •  TinyTable 

    这个表格控件提供的功能包括:排序,分页,列或行加亮显示,自动识别数据类型,格式化日期和链接。

    TinyTable

     

     Sigma Grid 

    Sigma Grid是一个采用纯javascript开发的Ajax数据表格。特性包括:
    1.基于CSS控制外观,内置Classic、Vista、Mac、XP四种风格。
    2.提供单元格直接编辑功能,可以自定义编辑器,为单元格设置数学计算公式,自定义单元格表现方式。
    3.提供灵活的表头控制功能比如:锁定表头,排序,拖动调整列宽。
    4.支持分页,数据过滤,根据数据生成柱状图,饼状图,曲线图。
    5.支持从多种数据源加载数据: JSON、XML、CSV等。
    6.支持多种浏览器:IE6.0+\FireFox2.0+\Safari3.0+\Opera9.0+。

    Sigma Grid

     

     JQuery.Spreadsheet UI 

    这是一个采用jQuery开发的Web电子表格。经测试支持的浏览器包括:Firefox2/3、 IE7/8、Epiphony2、Opera9、Safari3。

    JQuery.Spreadsheet UI

     jQuery  

     KeyTable 

    KeyTable是一个轻量级jQuery插件(约5kb左右),用于为任意html表格添加键盘导航选择支持。该插件提供一种类似于Excel的导航选择方式和单击单元格可以编辑功能。此外KeyTable还可以与DataTables结合使用。

    KeyTable

     jQuery  

     OmniGrid 

    OmniGrid是一个采用Mootools1.2开发的表格控件与FlexGrid jQuery和SortableTable相似。具有分页,排序,Ajax数据加载,添加/修改/删除表格数据功能等。

    OmniGrid

     Mootools  

     moodgets Grid 

    moodgets Grid是一个基于Mootools框架开发,易于使用,可扩展的表格控件。拖动调整表格列宽,排序,多行或单行选择,单击表格单元格可编辑,分页,通过Ajax加载数据。
    moodgets.jpg

    moodgets Grid

     Mootools  

     JQTreeTable 

    JQTreeTable这个jQuery插件能够将普通的HTML表格转换成带有嵌有Tree控件的表格。
    JQTreeTable.jpg

    JQTreeTable

     jQuery Tree  


     

     MyTableGrid 

    MyTableGrid是一个基于是Prototype框架开发的DataGrid控件,用于以一种更易于浏览和更灵活的方式来展示数据。它提供Ajax支持的快速分页和数据排序功能,可以拖动调整数据列宽度,隐藏不需要显示的列。
    MyTableGrid.jpg

    MyTableGrid

     Prototype Script.aculo.us  

     Drag and drop table content with JavaScript 

    利用这个JavaScript Lib只需少量代码就能够实现表格内容的拖曳。可以将单元格中的内容拖至其它单元格或其它表格中。
    Drag_drop_table.jpg

    Drag and drop table content with JavaScript

     

     jExpand 

    jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和其它元素。
    jExpand.jpg

    jExpand

     jQuery  

     jQuery Fixed Table Header Plugin 

    这是一个可以固定表头的jQuery插件。当表格向下滚动时,表头不会跟着动。
    Header-Plugin.jpg

    jQuery Fixed Table Header Plugin

     jQuery  

     TableGear 

    TableGear是一个MooTools插件用于为标准Html Table添加扩展功能包括:可以对表格中的数据进行排序,分页。通过Ajax删除,添加,修改数据。为行/列添加样式。该插件还支持通过键盘移动当前选中的单元格。
    TableGear.jpg

    TableGear

     Mootools  

     Chromatable JQuery Plugin 

    利用jQuery创建一个表头固定的简单HTML表格。在滚动条向下滚动时,表头不变化。
    Chromatable.jpg

    Chromatable JQuery Plugin

     jQuery  

     DHX Quick Tables 

    这个PHP脚本提供一个向导用于根据数据库中的表格快速生成基于DhtmlxGrid的前台展示界面。
    DHX-Quick-Tables.jpg
    DHX-Quick-Tables1.jpg
    DHX-Quick-Tables2.jpg

    DHX Quick Tables

     Php  

     SlickGrid 

    SlickGrid是一个简单的、快速、灵活的表格控件。可以隐藏/显示列,调整列宽度,排序,自定义单元格展示格式和编辑器,支持编辑和创建新记录。
    SlickGrid.jpg

    SlickGrid

     jQuery  


     

    posted @ 2010-03-28 22:08  H_J_H  阅读(4356)  评论(1编辑  收藏  举报
    Web Counter
    Office Depot Coupon

    baidu




    Google