原生js 创建表格

                        <table class="table-title" cellspacing="0" cellpadding="0" border="0">
                            <colgroup>
                                <col style="width:10%"/>
                                <col style="width:15%"/>
                                <col style="width:10%"/>
                                <col style="width:8%"/>
                            </colgroup>
                            <thead>
                                <tr>
                                    <td>户名</td>
                                    <td>地址</td>
                                    <td>所属变压器</td>
                                    <td>停电次数</td>
                                </tr>
                            </thead>
                        </table>
                       <table class="table-body" cellspacing="0" cellpadding="0" border="0">
                            <colgroup>
                                <col style="width:10%"/>
                                <col style="width:15%"/>
                                <col style="width:10%"/>
                                <col style="width:8%"/>
                            </colgroup>
                            <tbody>
                                <tr>
                                    <td>9100096858</td>
                                    <td>莲花街坊13幢305室</td>
                                    <td>台区变压器1</td>
                                    <td>125</td>
                                </tr>
                                <tr>
                                    <td>9100096858</td>
                                    <td>莲花街坊13幢305室</td>
                                    <td>台区变压器1</td>
                                    <td>125</td>
                                </tr>
                                <tr>
                                    <td>9100096858</td>
                                    <td>莲花街坊13幢305室</td>
                                    <td>台区变压器1</td>
                                    <td>125</td>
                                </tr>
                                <tr>
                                    <td>9100096858</td>
                                    <td>莲花街坊13幢305室</td>
                                    <td>台区变压器1</td>
                                    <td>125</td>
                                </tr>
                            </tbody>
                       </table>

首页先写个表头：

此处用了两个table,第一个为了实现数据太多，当出现滚动条的时候，表头也跟这滚动

                           <colgroup>
                                <col style="width:10%"/>
                                <col style="width:15%"/>
                                <col style="width:10%"/>
                                <col style="width:8%"/>
                            </colgroup>

colgroup的目的是，实现表头和表格内容间距一致