未经允许，不得转载！
水平有限，欢迎指正、交流！
table表格js简单操作隐藏与显示出现结构错乱，开始不自觉的写成display：block和none之前切换，奈何。。。。。
一、CSS display属性的表格相关属性：
table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。
table-header-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。
table-footer-group 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。
table-row 此元素会作为一个表格行显示（类似 <tr>）。
table-column-group 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。
table-column 此元素会作为一个单元格列显示（类似 <col>）
table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
table-caption 此元素会作为一个表格标题显示（类似 <caption>）
none 此元素隐藏元素。
其实犯了一个很低级的错误，表格table显示怎么能block呢，这是display的表格呀，所以在显示的时候tr显示属性改成table就好啦！！
仔细，用心，，，写下来警醒自己！！
希望路过的你有一点点帮助！