资源: 优秀插件收集-布局,表格,分页,树形

AnneZhao 2015-11-17

拖放布局:

jQuery拖拽布局插件Portalhttp://www.jq22.com/jquery-info364,一些说明在http://www.jqcool.net/jquery-portalyi.html,IE9以下的就不要用了,看不到效果。

jQueryProtlets:http://sonspring.com/journal/jquery-portlets,详解:http://a151555.iteye.com/blog/1853184

jQuery部件布局插件Gridstackhttp://troolee.github.io/gridstack.js/

可拖放的布局插件gridster.jshttp://gridster.net/

gridster.js这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件,允许建立直观的拖动的布局元素跨越多个列。http://gridster.net/,InternetExplorer9+,Firefox,Chrome,SafariandOpera.

shapeshifthttp://mcpants.github.io/jquery.shapeshift/

jQuery拖放插件集合http://www.jb51.net/article/30069.htm

UILayouthttp://layout.jquery-dev.net/demos.cfm,参数说明:http://feiboo.blog.163.com/blog/static/16118349201122984652548/

freetile.jsFreetile是一个jQuery的插件,使该组织的网页内容在一个高效,动态和响应布局。http://yconst.com/web/freetile/

有用的jQuery布局插件推荐http://www.zhangjiaojiao.cn/jquery/184.html

采用jqueryui的sorttable拖动排序插件实现拖动效果http://www.helloweba.com/view-blog-72.html

JavaScript拖放库Dragulahttp://www.oschina.net/p/dragula

dad.js是一个简单易用的jQuery拖放插件,无需jQueryUI库支持,兼容Bootstrap表格布局。http://konsolestudio.com/dad/

流式布局

jQueryNestedhttp://suprb.com/apps/nested/

Masonry:一款很好用的jquery网页瀑布流布局插件http://www.open-open.com/lib/view/open1337310504197.html,问题:http://blog.csdn.net/wcl1598593/article/details/8190285

静态布局

jLayout不错的布局http://www.bramstein.com/projects/jlayout/jquery-plugin.html

网格布局Mason.jshttp://masonjs.com/

6款强大的创建和加强网站布局的jQuery插件http://developer.51cto.com/art/201106/266708.htm

8个实用的页面布局和用户界面jQuery插件http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html

网格布局http://www.360doc.com/content/13/0322/11/21412_273182608.shtml

MasonJS–创建完美的砌体结构网页布局http://www.cnblogs.com/lhb25/p/create-perfect-grid-elements-with-mason.html

Salvattore是一个jQuery砌体的替代,使用CSS驱动的配置。Salvattore根据您指定的列数组织你的HTML元素。容器中的每一个项目会一个接一个被放置在列内,只需要简单地添加一个data-columns属性。http://www.cnblogs.com/lhb25/p/salvattore-a-css-driven-jquery-masonry.html

动态列和无间隙网格布局Mason.jshttp://www.gbtags.com/gb/share/1388.htm

标签插件TabbedContenthttp://www.oschina.net/p/tabbedcontent

jQuery响应标签插件TurboTabshttp://www.oschina.net/p/turbotabs

网格布局Minigrid类似门户表格布局http://henriquea.github.io/minigrid/

Grid表格:

18个最好的jQuery表格插件http://www.oschina.net/news/16973/18-best-jquery-data-table-plugin

jQuerytreetablehttp://plugins.jquery.com/treetable/,demo:http://ludo.cubicphuse.nl/jquery-treetable/

jqGridhttp://www.trirand.com/blog/jqgrid/jqgrid.html

jQueryGridPluginhttp://paramquery.com/demos

columnHoverhttp://p.sohei.org/jquery-plugins/columnhover/jQuery插件,可以当鼠标悬停时,可以高亮表格中的整个列。

SigmaGrid(纯javascript开发的Ajax数据表格,超级强大)http://www.cnblogs.com/ly5201314/archive/2009/07/21/1528009.html

datatableshttp://datatables.net/examples/index

Jquery动态表格插件AppendGridhttp://appendgrid.apphb.com/

jQuery的Grid插件jquery.bsgridhttp://www.oschina.net/p/jquery-bsgrid

国人写的jquery.bsgrid,还不错http://git.oschina.net/bs2004/jquery.bsgrid

jQuery扩展插件jQueryGridPluginhttp://www.oschina.net/p/jquery-grid-plugin

jquery表格合并分组插件jquery.gridgrouphttp://www.oschina.net/p/jquery-gridgroup

PivotTable.js是JavaScriptPivo表格(又称为Pivot网格,Pivot图标,交叉表)库,在jQuery/jQueryUI上带有拖拽功能。可以多维展示http://www.open-open.com/lib/view/open1398344224656.html

jQueryTabledit是用于HTML列表的行内编辑器,且兼容Bootstrap。它可以在行内进行编辑,就像一个电子表格,或者是一个可以在编辑模式和视图模式进行转换的按钮。http://www.oschina.net/p/tabledit

jQuery头条固定插件Freezeheaderhttp://www.oschina.net/p/freezeheader

StickySort插件可以在你的列表中创建有粘性的表头http://www.oschina.net/p/stickysort

表格布局内可视化JavaScript编辑器GridEditorhttps://github.com/Frontwise/grid-editor

AppendGrid16.0发布,jQuery动态表格插件很优秀https://appendgrid.apphb.com/Demo

列高调整插件jColumnhttp://www.oschina.net/p/jcolumn

管理表插件KingTablehttps://github.com/RobertoPrevato/jQuery-KingTable

AG-Grid是一个企业级的Javascript数据网格。http://www.oschina.net/p/ag-grid,官方,https://www.ag-grid.com/example.php,文档里面很多例子

响应式表格控件DLShouWenGridhttp://os.dlshouwen.com/grid/doc/i18n/zh-cn/example.html

对Grid的独立排序工具

tablesorter,此插件可以将带有THEAD和TBODY标签的标准HTML表转化成可排序表,而无需刷新页面。Tablesorter可以成功地解析多种类型的数据并进行排序。

源码http://tablesorter.com/docs//演示http://tablesorter.com/docs/#Demo

jQueryTable,这是一个操作简单的jQuery插件,可帮助你将数据创建成可排序的表格。

源码http://codecanyon.net/item/jquery-table/2392027?ref=lvraa/演示http://codecanyon.net/item/jquery-table/full_screen_preview/2392027?ref=lvraa

BeautifulData,这是个了不起的方法,可以为枯燥的HTML表增加分页和排序功能。此插件也可以用于指定了源文件的CSV和JSON数据。

源码http://codecanyon.net/item/beautiful-data/132137?ref=lvraa/演示http://codecanyon.net/item/beautiful-data/full_screen_preview/132137?ref=lvraa

jQuerycolumnManager插件,此插件可以切换表中纵列内容的可见性(折叠和展开它们),并且保存数据直到下次访问。

源码http://p.sohei.org/jquery-plugins/columnmanager//演示http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html

Excel表格

Handsontable类似excel:http://handsontable.com/

7个跟excel相关的插件:7+JQUERYMICROSOFTEXCELTYPEPLUGINS

http://www.jquery4u.com/plugins/7-jquery-microsoft-excel-type-plugins/

dhtmlxSpreadsheethttp://www.dhtmlx.com/docs/products/dhtmlxSpreadsheet/

jQuery.sheethttp://www.visop-dev.com/Project+jQuery.sheet

TableGeneratorhttp://www.tablesgenerator.com/

分页插件

jQuery实现ul-li自动分页,自动标签功能http://www.funet8.com/2096.html

jPageshttp://blog.csdn.net/leixiaohua1020/article/details/12650563官方http://luis-almeida.github.io/jPages/index.html

jQuery分页插件JqueryPaginationhttp://mricle.com/JqueryPagination/Demo

相关推荐

Web全栈笔记 / 0评论 2020-06-15