jQuery - 列表控件推荐
OpenExpressApp计划是支持B/S应用的,而我现在初步的计划是准备先支持ASP.Net MVC,选用的Javascript框架为jQuery,所以后期有时间可能也会关注一下jQuery。在做OpenExpressApp时,对控件的选择中最重要之一就是列表控件,特别是由于有层级数据,所以特意去找了是否有树形的Grid,最后还是自己拼凑了一个ObjectTreeGrid来。在做B/S应用时,Table相关的plugin也当然是首要关注的了,特别是看看是否有树形显示的Grid。在网上查找了一下,发现已经有很多可以操作Table的jQuery插件了,特此收集一下,我将不断补充此列表,以便后期应用时作为可选方案,也希望这些列出的控件对大家也有所帮助。
1. DataTables
DataTables is very powerful jQuery plugin which offer a lot of
features. For example, you can have on-the-fly filtering, ajax
auto-loading of data, pagination, sorting columns, highlight sorted
columns, extensive plug-in support, themeable by CSS or jQuery UI
ThemeRoller and also a complete documentation.
2. uiTableFilter
uiTableFilter is a jQuery plugin for filtering table rows. The
author shows a detailed example on how to implement the filter function
for your table together with the plugin.
3. Scrollable HTML Table
Scrollable HTML Table plugin for jQuery able to convert a table into scrollable.
4. Tablesorter
Tablesorter is a jQuery plugin for turning a standard HTML table
with THEAD and TBODY tags into a sortable table without page refreshes.
It supports multi-column sorting, cross-browser and easily extensible
via its widget system.
5. Flexigrid
Flexigrid is a lightweight Web 2.0 Javascript Grid for jQuery. It
has a lot of cool features such as theming, paging, toolbar, search,
sortable, ajax loading data source, resizable columns, height and width.
6. HeatColor
HeatColor is a plugin that allows you to assign colors to elements,
based on a value derived from that element. The derived value is
compared to a range of values, either determined automatically or
passed in, and the element is assigned a “heat” color based on its
derived value’s position within the range.
7. JQTreeTable
With JQTreeTable, you can have a treeview in your table. With this
plugin, users still get the plain table even thought they disable
Javascript.
8. Ingrid
Ingrid is yet another jQuery Datagrid plugin. It has features like
column resizing, paging, sorting, row and column styling and more. The
author’s website provide great documentation on how to get started with
this plugin.
9. jQuery ColumnManager plugin
columnManager is a jQuery plugin that able to toggle the visibility
of table columns (collapsing and expanding them) and to save the state
until the next visit. This is a very tiny and lightweight plugin which
is only 3.6kb packed.
10. jQuery treeTable
jQuery treeTable is similar with JQTreeTable, which is able to
display a tree in a table. This plugin keeps the HTML documents clean
and will degrade nicely when Javascript is disabled in the browser.
11. CSV2Table
CSV2Table will load a CSV file and creates a table with contents from the CSV files.
12. Table Pagination
This jquery plugin is used to create a pagination element under a
table element. You can customize your pagination needs through various
settings.
13. jQuery TableRowCheckboxToggle
This plugin can add toggle checkbox to any rows that can be specified through the CSS class names.
14. Table Drag and Drop jQuery plugin
This simple plugin allows user to reorder rows within a table usingd rag and drop. Individual rows can be marked as non-draggable and/or non-droppable.
15. uiTableEdit
uiTableEdit is another cool jQuery able plugin from Greg Weber, the author for uiTableFilter. uiTableEdit will makes the tables editable by users.
注:1-15 搜集来自于 WebDesignBooth
欢迎转载,转载请注明:转载自周金根 [ http://zhoujg.cnblogs.com/ ]