html 展开表格

  <details>

        <summary>qing dianji</summary>

               <table>

                   <tr>

                       <th>#</th>

                       <th>Name</th>

                       <th>Location</th>

                       <th>Job</th>

                   </tr>

                   <tr>

                       <td>1</td>

                       <td>Adam</td>

                       <td>Huston</td>

                       <td>UI/UX</td>

                   </tr>

                   <tr>

                       <td>2</td>

                       <td>Bob</td>

                       <td>London</td>

                       <td>Machine Learning</td>

                   </tr>

                   <tr>

                       <td>3</td>

                       <td>Jack</td>

                       <td>Australia</td>

                       <td>UI Designer</td>

                   </tr>

                   <tr>

                       <td>4</td>

                       <td>Tapas</td>

                       <td>India</td>

                       <td>Blogger</td>

                   </tr>

               </table>

           </details>

details与 <summary> 标签 配合使用可以为 details 定义标题。

 <summary> 元素 用作 一个<details>元素的一个内容的摘要，标题或图例。