Question

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

Answer 1

Web前端实现像excel那样的按列拖选表格的方法：

1.通过flash，flex实现FLEX 功能强大的datagrid

2.通过jquery插件，js实现

JS实现可编辑的表格，双击可编辑，可以删除行和列，增加行和列，重置，导出表格，也可以上下移动元素

Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext Grid，但基于 jQuery 因此更轻量小巧。

Chromatable JQuery Plugin - 固定表头，可滚动内容区，内容区滚动的时候表头位置保持不变。

Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列宽调整，分页，排序，行列式样等功能（演示）。

JQTreeTable - 在表格中加入树形结构

Scrollable HTML table - 将普通 HTML 表格变为可滚动状态。将表头部分放入 THEAD 区，内容部分放入 TBODY 区，脚注部分放入 TFOOT 区域，引用 webtoolkit.scrollabletable.js 文件，然后在每个表格后面创建 ScrollableTable() 对象即可（演示）。

KeyTable - 象 Excel 那样，在单元格之间巡游，可以现场编辑。

graphTable - 借助 flot 将 HTML 表格中的内容变成图形（演示）。

DataTables - 非常强大的 jQuery 表格插件，可变宽页码浏览，现场过滤。多列排序，自动探测数据类型，智能列宽，可从几乎任何数据源获取数据。

Answer 2

直接在Web前端实现一个类Excel的表格不是更好吗？

类似这样的需求可以用一些纯前端的专业类Excel控件来实现，比如SpreadJS。

用这样的控件可以直接把一个类Excel的表格嵌入到Web前端的页面中。

这样无论从外形或者操作方式都与Excel一致，也就可以像Excel那样按列拖选表格。