A. 前端 豎向（縱向）表格如何處理
可以先按橫向表格的思路來做，再使用專門用於表格行列轉換的插件來處理。這類插件網路上很容易搜索到的。
B. 前端框架快速做出表格形狀的資料庫外觀， 有哪些，
bootstrap就有很多，或者你用vue寫使用iview的ui框架，其實還有很多ui框架都有你需要的功能
有各種樣式的表格，簡簡潔，美觀
C. 前端開發過程中，表單樣式該怎樣去美化
要是沒有美工功底，請使用前端開發工具包，裡面都自帶個性化主題樣式的，就跟寫PPT一樣，設定好了一個樣式，全站會統一風格。請使用WijmoJS前端開發工具包。這款工具包將主題專門封裝成一個控制項，可以單獨調用，而且整個包的體量都非常輕便，不用擔心佔用過多的系統資源。
作為一款純前端控制項集，WijmoJS 秉承「快如閃電、觸控優先、可高度定製化和零依賴」的設計理念，提供眾多輕量且高性能的純前端控制項集，幫助用戶高效率完成企業 Web應用開發，除在全球率先支持Angular 外，現已全面應用於React、Vuejs、TypeScript、Knockout 和 Ionic 等主流框架中。
WijmoJS 發展至今，已經被越來越多的知名企業運用到其項目開發中，如特斯拉、微軟、思科、招商銀行等。憑借其先進的觸控設計和全面的框架支持，WijmoJS 提供的純前端控制項更專注於頂級性能和零依賴性。其靈活的 API 為用戶提供易用、輕松的操作體驗，全面滿足企業開發所需，是構建 Web應用程序最完備的純前端控制項集。
D. web前端學習HTML表格的屬性標記有哪些
HTML表格的基本結構包括<table>、<caption>、<tr>、<td>、<th>等標記
1：<table>標記有以下屬性
① width屬性：表示表格的寬度
② height屬性：表示表格的高度
③ border屬性：表示表格外邊框的寬度
④ align屬性表示表格的顯示位置：left居左顯示；center居中顯示；right居右 顯示。
⑤ cellspacing屬性：單元格之間的間距
⑥ cellpadding屬性：單元格內容與邊框的顯示距離
⑦ frame屬性：控製表格邊框外層的四條線框
⑧ rules屬性：控制顯示單元格之間的分割線
2：<caption>標記用於表格中使用標題
<caption>標記的align屬性有四個取值：
① top表示標題放在表格的上部
② bottom表示標題放在表格的下部
③ left表示標題放在表格的左部
④ right表示標題放在表格的右部
3：<tr>標記用來定義表格的行，對於每一個表格行，都是由一對<tr>...</tr>標記表示。<tr>標記有如下幾種屬性
① bgcolor屬性用來設置背景顏色
② align屬性用來設置垂直方向對齊方式
③ valign屬性用來設置水平方向對齊方式
4：<td>和<th>都是單元格的標記，其必須嵌套在<tr>標記中，成對出現。<th>是表頭標記，<th>中的文字會被默認加粗，而<td>不會，<td>是數據標記，表示該單元格的具體數據。兩者的標記屬性是一樣的：
① bgcolor屬性用來設置背景顏色
② align屬性用來設置垂直方向對齊方式
③ valign屬性用來設置水平方向對齊方式
④ width屬性用來設置表格的寬度
⑤ height屬性用來設置表格的高度
⑦ rowspan設置單元格所佔行數
⑧ colspan設置單元格所佔列數
E. 前端組件「可編輯表格」，怎麼設計才好
第一，view層，需要分層設計；
第二，model層，需要讓數據來控制view層；
思路的話，可以參考react的生命周期概念:
1，插入dom；
2，獲得新數據，重新渲染dom；
3，刪除dom；
咱們也一樣給這三種狀態各提供二種處理函數，
will是事前調用；
did是事後調用；
還要有公開出來的setget方法
F. 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 因此更輕量小巧。
G. web前端中有什麼框架可以實現這種樹形表格
類似的插件很多 前台引入後其實只需要關心後台的json或者xml結構，比如：
jstree、ztree、easyui tree等等
H. 前端，哪位大神知道這種布局的表格代碼怎麼寫
好了，至於樣式您再調一下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{margin: 0px;padding: 0px;}
ul li{list-style: none;}
div{width: 600px;float: left;border: 1px solid #000000;text-align: center;}
div ul li{border-bottom: 1px solid #000000;}
div ul li:last-child ul li:last-child{border-bottom: 0px;}
div ul li ul li{margin-bottom: 0px;width: 100%;float: left;}
div ul li ul li span{width: 33.3%;float: left;border-right: 1px solid #000000;box-sizing: border-box;}
div ul li ul li span:last-child{border-right: 0px;}
</style>
</head>
<body>
<div>
<ul>
<li>
<h1>大標題1</h1>
<ul>
<li>
<span>溫度</span>
<span>濕度</span>
<span>熱量</span>
</li>
<li>
<span>10</span>
<span>20</span>
<span>30</span>
</li>
</ul>
</li>
<li>
<h1>大標題2</h1>
<ul>
<li>
<span>溫度</span>
<span>濕度</span>
<span>熱量</span>
</li>
<li>
<span>10</span>
<span>20</span>
<span>30</span>
</li>
</ul>
</li>
<li>
<h1>大標題3</h1>
<ul>
<li>
<span>溫度</span>
<span>濕度</span>
<span>熱量</span>
</li>
<li>
<span>10</span>
<span>20</span>
<span>30</span>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>