> 基本表格可满足与展示基本数据和信息 ![](https://box.kancloud.cn/132e5eba9d2f2fc3e317eb0ae4061498_950x317.png) 将一下代码`COPY`至编辑器中预览: ``` <table class="win-table"> <thead class="win-bg-blue win-text-white"> <tr> <th>序号</th> <th>姓名</th> <th>性别</th> <th>身高体重</th> <th>标签</th> <th>邮箱</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>张三</td> <td>男</td> <td>180cm/60kg</td> <td><div class="win-inline win-tag">运动</div><div class="win-inline win-tag">旅游</div></td> <td>14515158785@qq.com</td> <td> <a href="javascript:;" class="win-edit">修改</a> <a href="javascript:;" class="win-delete">删除</a> </td> </tr> <tr> <td>1</td> <td>张三</td> <td>男</td> <td>180cm/60kg</td> <td><div class="win-inline win-tag">运动</div><div class="win-inline win-tag">旅游</div></td> <td>14515158785@qq.com</td> <td> <a href="javascript:;" class="win-edit">修改</a> <a href="javascript:;" class="win-delete">删除</a> </td> </tr> <tr> <td>1</td> <td>张三</td> <td>男</td> <td>180cm/60kg</td> <td><div class="win-inline win-tag">运动</div><div class="win-inline win-tag">旅游</div></td> <td>14515158785@qq.com</td> <td> <a href="javascript:;" class="win-edit">修改</a> <a href="javascript:;" class="win-delete">删除</a> </td> </tr> <tr> <td>1</td> <td>张三</td> <td>男</td> <td>180cm/60kg</td> <td><div class="win-inline win-tag">运动</div><div class="win-inline win-tag">旅游</div></td> <td>14515158785@qq.com</td> <td> <a href="javascript:;" class="win-edit">修改</a> <a href="javascript:;" class="win-delete">删除</a> </td> </tr> </tbody> </table> ```