`

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

 
阅读更多
拖放布局:
jQuery拖拽布局插件Portal http://www.jq22.com/jquery-info364, 一些说明在http://www.jqcool.net/jquery-portalyi.html,IE9以下的就不要用了,看不到效果。
jQuery Protlets: http://sonspring.com/journal/jquery-portlets,详解:http://a151555.iteye.com/blog/1853184
jQuery 部件布局插件 Gridstack http://troolee.github.io/gridstack.js/
可拖放的布局插件 gridster.js http://gridster.net/
gridster.js 这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件,允许建立直观的拖动的布局元素跨越多个列。http://gridster.net/,  Internet Explorer 9+, Firefox, Chrome, Safari and Opera.
shapeshift http://mcpants.github.io/jquery.shapeshift/
jQuery拖放插件集合 http://www.jb51.net/article/30069.htm
UI Layout http://layout.jquery-dev.net/demos.cfm,参数说明:http://feiboo.blog.163.com/blog/static/16118349201122984652548/
freetile.js Freetile是一个jQuery的插件,使该组织的网页内容在一个高效,动态和响应布局。http://yconst.com/web/freetile/
有用的jQuery布局插件推荐 http://www.zhangjiaojiao.cn/jquery/184.html
采用jquery ui的sorttable拖动排序插件实现拖动效果 http://www.helloweba.com/view-blog-72.html
JavaScript 拖放库 Dragula http://www.oschina.net/p/dragula
dad.js 是一个简单易用的 jQuery 拖放插件,无需 jQuery UI 库支持,兼容 Bootstrap 表格布局。http://konsolestudio.com/dad/
流式布局
jQuery Nested http://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.js http://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.js http://www.gbtags.com/gb/share/1388.htm
标签插件 TabbedContent http://www.oschina.net/p/tabbedcontent
jQuery 响应标签插件 TurboTabs http://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
jQuery treetable http://plugins.jquery.com/treetable/, demo: http://ludo.cubicphuse.nl/jquery-treetable/
jqGrid http://www.trirand.com/blog/jqgrid/jqgrid.html
jQuery Grid Plugin http://paramquery.com/demos
columnHover http://p.sohei.org/jquery-plugins/columnhover/jQuery插件,可以当鼠标悬停时,可以高亮表格中的整个列。
Sigma Grid(纯javascript开发的Ajax数据表格,超级强大) http://www.cnblogs.com/ly5201314/archive/2009/07/21/1528009.html
datatables http://datatables.net/examples/index
Jquery动态表格插件 AppendGrid http://appendgrid.apphb.com/
jQuery 的 Grid 插件 jquery.bsgrid http://www.oschina.net/p/jquery-bsgrid
国人写的jquery.bsgrid,还不错 http://git.oschina.net/bs2004/jquery.bsgrid
jQuery 扩展插件 jQuery Grid Plugin http://www.oschina.net/p/jquery-grid-plugin
jquery表格合并分组插件 jquery.gridgroup http://www.oschina.net/p/jquery-gridgroup
PivotTable.js 是 JavaScript Pivo 表格 (又称为 Pivot网格,Pivot 图标,交叉表) 库,在 jQuery/jQueryUI 上带有拖拽功能。可以多维展示http://www.open-open.com/lib/view/open1398344224656.html
jQuery Tabledit 是用于 HTML 列表的行内编辑器,且兼容 Bootstrap 。它可以在行内进行编辑,就像一个电子表格,或者是一个可以在编辑模式和视图模式进行转换的按钮。 http://www.oschina.net/p/tabledit
jQuery 头条固定插件 Freezeheader http://www.oschina.net/p/freezeheader
StickySort 插件可以在你的列表中创建有粘性的表头 http://www.oschina.net/p/stickysort
表格布局内可视化 JavaScript 编辑器 Grid Editor https://github.com/Frontwise/grid-editor
AppendGrid 16.0 发布,jQuery 动态表格插件 很优秀https://appendgrid.apphb.com/Demo
列高调整插件 jColumn http://www.oschina.net/p/jcolumn
管理表插件 KingTable https://github.com/RobertoPrevato/jQuery-KingTable
AG-Grid是一个企业级的Javascript数据网格。http://www.oschina.net/p/ag-grid, 官方, https://www.ag-grid.com/example.php, 文档里面很多例子
响应式表格控件 DLShouWen Grid  http://os.dlshouwen.com/grid/doc/i18n/zh-cn/example.html






对Grid的独立排序工具
table sorter ,此插件可以将带有THEAD和TBODY标签的标准HTML表转化成可排序表,而无需刷新页面。Table sorter可以成功地解析多种类型的数据并进行排序。
源码http://tablesorter.com/docs//演示 http://tablesorter.com/docs/#Demo
jQuery Table,这是一个操作简单的jQuery插件,可帮助你将数据创建成可排序的表格。
源码http://codecanyon.net/item/jquery-table/2392027?ref=lvraa/演示http://codecanyon.net/item/jquery-table/full_screen_preview/2392027?ref=lvraa
Beautiful Data,这是个了不起的方法,可以为枯燥的HTML表增加分页和排序功能。此插件也可以用于指定了源文件的CSV和JSON数据。
源码http://codecanyon.net/item/beautiful-data/132137?ref=lvraa/演示http://codecanyon.net/item/beautiful-data/full_screen_preview/132137?ref=lvraa
jQuery columnManager 插件,此插件可以切换表中纵列内容的可见性(折叠和展开它们),并且保存数据直到下次访问。
源码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+ JQUERY MICROSOFT EXCEL TYPE PLUGINS
http://www.jquery4u.com/plugins/7-jquery-microsoft-excel-type-plugins/
dhtmlxSpreadsheet http://www.dhtmlx.com/docs/products/dhtmlxSpreadsheet/
jQuery.sheet http://www.visop-dev.com/Project+jQuery.sheet
Table Generator http://www.tablesgenerator.com/




分页插件
jQuery实现ul-li自动分页,自动标签功能 http://www.funet8.com/2096.html
jPages http://blog.csdn.net/leixiaohua1020/article/details/12650563 官方http://luis-almeida.github.io/jPages/index.html
jQuery分页插件 JqueryPagination http://mricle.com/JqueryPagination/Demo




分享到:
评论

相关推荐

    jquery插件--表格树--GridTree(20091011更新版本)(过期)

    在网页开发中,数据的展示方式多种多样,其中表格和树形结构是常见的两种。当这两种元素结合在一起时,就形成了表格树,这种布局方式既能清晰地展示层次关系,又能有效利用有限的空间。jQuery插件GridTree正是实现了...

    bootstrap-treegrid实现树形表格.zip

    Bootstrap Treegrid是一款基于Bootstrap框架和JavaScript的插件,用于在网页上展示数据为树形结构的表格。这个插件能够将传统的二维表格扩展为可折叠的树状结构,非常适合处理层次化数据,如组织结构、目录层级或者...

    基于jqgrid实现树形菜单分页列表查询

    "基于jqgrid实现树形菜单分页列表查询"这一主题,旨在创建一个既能展示层级结构又能进行高效分页查询的表格组件。jqGrid是一款强大的jQuery插件,它提供了丰富的功能,如数据网格、分页、排序、过滤、编辑等,同时...

    jQuery EasyUI 中文文档

    - **基础用法**:`uleasyui-tree` 创建一个树形结构组件。 ##### 3.2 datagrid (数据表格) - **基础用法**:`tableeasyui-datagrid` 创建一个数据表格。 ##### 3.3 tabs (标签页) - **基础用法**:`diveasyui-tabs...

    jquery-easyUI

    - `data`:树形数据结构。 - `lines`:是否显示连接线。 - **事件**: - `onClick`:当用户点击节点时触发。 - **方法**: - `append`:向树中添加节点。 - `remove`:从树中移除节点。 ##### 13. Layout...

    EXTJS 4 树形表格组件使用示例

    在提供的压缩包文件"extjs4.1_TreeGrid"中,可能包含了一些EXTJS 4树形表格组件的示例代码和资源,通过学习和分析这些示例,你可以更好地理解如何在项目中应用这个组件。 总结来说,EXTJS 4的树形表格组件是一个...

    bootstrap-table插件

    除了基本功能,Bootstrap Table还支持与其他插件集成,如Export导出插件(支持CSV、Excel、PDF等格式),EditTable编辑功能,以及固定列、固定表头、树形结构等。 7. **响应式设计** 考虑到现代Web的移动优先策略...

    Bootstrap树型表格和多标题表格

    TreeGrid是一种特殊的表格,它结合了表格和树形结构的特点,能够以层级方式展示数据,非常适合用于组织层次分明的信息,如目录结构、组织架构等。通过这个插件,用户可以在同一表格中查看和操作具有层级关系的数据。...

    ludo-jquery-treetable

    《深入解析ludo-jquery-treetable:构建高效可扩展的树形表格》 在Web开发领域,数据的展示方式多种多样,其中树形表格(TreeTable)是一种将层次结构数据与表格结合的高效展现形式。本文将详细介绍开源库ludo-...

    X-admin-v2.2.rar

    layui的核心理念是“轻量、易用”,它支持模块化开发,包括基础样式、表格、表单、按钮、图标、下拉菜单、面包屑、导航、树形结构、分页、消息提示、工具条等丰富组件。layui的代码结构清晰,易于理解和维护,对于...

    DWZ富客户端框架,使用教程

    - **Tree扩展**:用于构建树形结构的数据展示。 - **Panel扩展**:提供面板组件,方便布局管理。 - **日历控件**:内置日期选择器,简化日期输入处理。 - **url变量替换**:允许在URL中动态替换变量值。 - **...

    再次分享18个非常棒的jQuery表格插件

    10. JQTreeTable:JQTreeTable将表格与树形结构结合,使得层次数据的展示更为直观,用户可以展开和折叠节点以查看详细信息。 11. FireScope Grid:FireScope Grid是一个高度可定制的表格解决方案,提供筛选、排序、...

    bootstrap-table插件包

    8. **扩展和插件**:Bootstrap Table社区提供了许多扩展和插件,如固定列、行编辑、树形视图等,这些都可以进一步增强表格的功能。 9. **文档和示例**:压缩包中的`bootstrap-table-develop`可能包含详细的文档和...

    用于在vxetable表格中适配antdesignvue组件的渲染

    1. **VxeTable**:VxeTable是一个基于Vue的高性能表格组件,它支持动态列、行操作、表头分组、合并单元格、树形数据、拖拽排序、多级表头、虚拟滚动等复杂功能。通过其灵活的API和自定义渲染函数,开发者可以轻松地...

    JQuery插件jqGrid常用属性说明.docx

    它提供了丰富的功能,包括数据的增删改查、分页、排序、过滤以及树形结构的展示。以下是关于jqGrid的一些关键知识点: 1. **jqGrid依赖的插件**: jqGrid的核心功能依赖于一系列插件,如`grid.custom.js`、`grid....

    jQuery EasyUI

    - **树形网格添加分页**:支持分页功能。 - **树形网格惰性加载节点**:只有当用户点击某个节点时才会加载其子节点。 **8. 表单(Form)** - **创建异步提交表单**:支持 AJAX 异步提交表单数据。 - **创建树形...

    react-antd-treetable:Ant基于Antd二次开发的树状表格组件,支持懒加载,分页,过滤等功能

    主要扩展的能力:层级缩进指示线远程懒加载子例程子公告分页子例程筛选子每秒空提示这些功能全部通过插件实现,其他的props全部继承自Ant Design的Table组件。用法需要依赖antd , @ant-design/icons npm i react-...

Global site tag (gtag.js) - Google Analytics