1. Web前端怎样实现像excel那样的按列拖选的表格
Web前端实现像excel那样的按列拖选表格的方法：
1.通过flash，flex实现FLEX 功能强大的datagrid
2.通过jquery插件，js实现
JS实现可编辑的表格，双击可编辑，可以删除行和列，增加行和列，重置，导出表格，也可以上下移动元素
Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext Grid，但基于 jQuery 因此更轻量小巧。
2. 前端—表单表格
作用:将前台用户数据通过get或post请求方式,提交给后台,并将新页面标签中接收与后台相应
请求方式:
1,get:将数据以url链接拼接方式提交给后台,速度快,但安全性低,且有数据大小的限制
2,post:将数据以数据包的方式提交给后台,速度较慢,但安全性高,且无数据大小限制
3,前后台交换数据的依据为:表单元素的name与value,name为key,value为value
action:提交的后台接口(请求的服务器指定路径)
特点:1,表头垂直水平居中
2,单元格垂直居中
3,cellspacing控制单元格之间的间距
4,table的显示特性:内容不超过规定的宽高则采用规定的宽高,当内容显示区域的宽高超过规定的宽高,表格的宽高由内容显示区域决定
5,rules:边框规则,设置后会合并边框(cellspacing失效):groups分组带有边框 all所有带有边框,rows行带有边框,cols列带有边框
6,cellpadding:内边距(一般对内容进行格式化布局)
7,cell的width可以规定列宽占比(以上的设置一般在table标签中设置)
8,colspan合并列 rowspan合并行(在表格中直接操作),以上的赋值可以在引号里面直接给值,不用加单位
3. 前端、后台对excel表格的处理
这样的需求需要通过一些专业的类Excel控件来完成，这些类Excel控件一般都会有Excel表格展示的功能，在您的系统页面中嵌入上控件之后页面中就会初始化一个Excel表格，之后控件一般都会将Excel的相关功能全部封装成对应的API，例如Excel的导入，导出，公式，图表，形状，单元格操作等。之后根据需求需要用到哪些调用相应的API就可以完成了。
所以你上面说的读进用户的Excel，其实就是导入功能，求和就是公式相关操作的一种，提取列的数据就是正常的单元格操作的其中一种。
如果你是前端导入的话，这里推荐使用SpreadJS,这个是一个纯前端的类Excel控件，可以用JavaScript语言实现上述所有的功能。
4. 前端入门之HTML的表格
表格：
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。border是边框属性。
row 1, cell 1row 1, cell 2row 2, cell 1row 2, cell 2
运行结果：
image
表格标签：
| 标签 | 描述 |
|
| 定义表格 |
|
| 定义表格的行 |
|
| 定义表格列的组 |
|
| 定义用于表格列的属性 |
|
| 定义表格的页眉 |
|
| 定义表格的主体 |
|
| 定义表格的页脚 |
表格形式：
1.无边框表格
第一种：100200300400500600第二种：100200300400500600
2.表头
水平标题：表头一表头二表头三100200300垂直标题：表头一100表头二200表头三300
运行结果：
3.标题
标题表头一100表头二200表头三300
运行结果：
4.跨行跨列的表格单元格（
合并单元格：
单元格属性：
colspan=2 水平合并 向右合并 值包含自己
rowspan=2 垂直合并 向下合并 值包含自己
合并单元格本质就是改变宽度 高度 占位实现的
）
表头一表头二100200300表头一100表头二200300
运行结果：
5.表格内的标签
这是一个段落
这是另一个段落
运行结果：
6.单元格边距， cellpadding="0" 边距（内容和单元格的距离）
运行结果：
7.单元格间距， cellspacing="0" 间距（单元格与单元格的距离
运行结果：