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>