Web前端怎么样实现像excel那样的按列拖选的表格

1.通过flash,flex实现FLEX 功能强大的datagrid2.通过jquery插件,js实现JS实现可编辑的表格,双击可编辑,可以删除行和列,增加行和列,重置,导出表格,也可以上下移动元素Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽,自动适应表头宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery 因此更轻量小巧。
Web前端怎么样实现像excel那样的按列拖选的表格

Chromatable JQuery Plugin - 固定表头,可滚动内容区,内容区滚动的时候表头位置保持不变。
Web前端怎么样实现像excel那样的按列拖选的表格

Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列宽调整,分页,排序,行列式样等功能(演示)。
Web前端怎么样实现像excel那样的按列拖选的表格

JQTreeTable - 在表格中加入树形结构
Web前端怎么样实现像excel那样的按列拖选的表格

Scrollable HTML table - 将普通 HTML 表格变为可滚动状态。将表头部分放入 THEAD 区,内容部分放入 TBODY 区,脚注部分放入 TFOOT 区域,引用 webtoolkit.scrollabletable.js 文件,然后在每个表格后面创建 ScrollableTable() 对象即可(演示)。
Web前端怎么样实现像excel那样的按列拖选的表格

KeyTable - 象 Excel 那样,在单元格之间巡游,可以现场编辑。
Web前端怎么样实现像excel那样的按列拖选的表格

graphTable - 借助 flot 将 HTML 表格中的内容变成图形(演示)。
Web前端怎么样实现像excel那样的按列拖选的表格

DataTables - 非常强大的 jQuery 表格插件,可变宽页码浏览,现场过滤。多列排序,自动探测数据类型,智能列宽,可从几乎任何数据源获取数据。
Web前端怎么样实现像excel那样的按列拖选的表格

jqGrid Plugin - 基于 Ajax 的 jQuery 表格插件,可以 Ajax 方式从服务器端获取数据填充进来(演示)。
Web前端怎么样实现像excel那样的按列拖选的表格

Visualize: Accessible Charts \u0026amp; Graphs from Table Elements - 从 HTML 表格收集数据,并借助 HTML5 Canvas 对象转换为图表。
Web前端怎么样实现像excel那样的按列拖选的表格

Grider - 一个简单的 jQuery 插件,可以对 HTML 表格进行计算,平均,累加,最大值,最小值等。
Web前端怎么样实现像excel那样的按列拖选的表格

表格功能增强Table Drag and Drop - 通过拖放,对表格中的数据重新排列,可以设置禁止拖放的行。
Web前端怎么样实现像excel那样的按列拖选的表格

Table Pagination - 在表格下方自动生成分页导航。
Web前端怎么样实现像excel那样的按列拖选的表格


推荐阅读