1、使用ui框架，像Ext-Js、easy-ui等等
2、自己写，点击一行数据时，写个点击事件，在下方生成一个<tr>和一个跨行的<td>(跨几行你自己定，看你想显示多少数据)，在<td>里面在生成一个<table>，table里面显示你第二层数据（第三层数据同理）。
HTML的基本结构超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
<HTML>
<HEAD>
头 部 信 息
</HEAD>
<BODY>
文 档 主 体， 正 文 部 分
</BODY>
</HTML>
其中<HTML>在最外层， 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略<HTML>标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD>之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。<BODY>标记一般不省略， 表示正文内容的开始。
标签有开有关，成对出现。例如<div></div>，表示的是一个div标签，<div>表示div标签的开，而</div>则表示一个标签的关。
在HTML5当中，也存在单标签，即有开无关的标签，但是大家使用到单标签的种类并不多，主要包括<meta><link><img><input><hr>等。
代码部分的中英文选择方面，需要使用英文，并且均为小写。
标签和标签时存在一定的关系的，有些标签是父子关系（此处就是我们说的嵌套），有些是兄弟关系。在HTML当中为了表示层级关系，每个级别的标签都要比上一个级别的标签缩进一个tab的距离（一个tab ——> 按下一下tab键），注：每个tab键是4个空格宽度。
在书写代码时，还需要注意行号，由于编辑器的宽度原因，有些代码会被挤下去，但是根据行号显示，还是同一行。
简单来说：
1 成对出现，有开有关
2 代码英文小写
3 合理嵌套
这算是最基本的了，至于说嵌套原则还有很多
