摘要：<!DOCTYPE html><html><head> <title>表格</title> <link rel="stylesheet" type="text/css" href="../static/plugins/layui/css/layui.css">&nbs
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
<link rel="stylesheet" type="text/css" href="../static/plugins/layui/css/layui.css">
<script type="text/javascript" src="../static/plugins/layui/layui.js"></script>
</head>
<body>
<table class="layui-table">
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
<th>表头4</th>
<th>表头5</th>
<th>表头6</th>
<th>表头7</th>
<th>表头8</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据2-1</td>
<td>数据2-2</td>
<td>数据2-3</td>
<td>数据2-4</td>
<td>数据2-5</td>
<td>数据2-6</td>
<td>数据2-7</td>
<td>数据2-8</td>
</tr>
<tr>
<td>数据3-1</td>
<td>数据3-2</td>
<td>数据3-3</td>
<td>数据3-4</td>
<td>数据3-5</td>
<td>数据3-6</td>
<td>数据3-7</td>
<td>数据3-8</td>
</tr>
<tr>
<td>数据4-1</td>
<td>数据4-2</td>
<td>数据4-3</td>
<td>数据4-4</td>
<td>数据4-5</td>
<td>数据4-6</td>
<td>数据4-7</td>
<td>数据4-8</td>
</tr>
</tbody>
</table>
</body>
</html>
批改老师：韦小宝批改时间：2019-03-10 17:11:26
老师总结：写的很不错 使用layui来完成页面的布局就太简单了 layui中的表格有很多种样式 使用起来也很灵活 没事多去练习练习
