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" 間距（單元格與單元格的距離
運行結果：