DIV+CSS+JS在HTML页面制作表格的思想

DIV+CSS+JS在HTML页面制作表格的思想

1.介绍

1. 在如今的前后端分离的开发当中，前端页面技术要求也越来越高了。 因此就在这对自己对前端技术的理解做个简单的整理，方便日后查阅。本文章主要是介绍了如何制作表格的思想。阅读这文章，至少得了解div标签的特性，特别是可以抽象理解div标签的——块思想。还有选择器的知识也是很重要。

2.表格的结构拆分

1. 首先，我的认为。一张基本的表格主要有俩个内容构成——表头和表格主体。所以一般来说，表头已经包含了表格里面想要展现的内容主体。而表格主体只是把具体的数据信息展现出来。所以一张表格中，表头的内容设计非常重要，也是这张表格的灵魂。

这是我制作表格的基本结构思路：

<div id="tableGrid">
    <div id="tableHead">表头</div>
    <div id="tbaleBody">表格主体</div>
</div>

1.表格结构的解读