table模块快速使用

Original 2018-11-02 13:17:04 216
abstract:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>table模块快速使用</title>
<link rel="stylesheet" href="./layui-v2.4.5/layui/css/layui.css" media="all">
</head>
<body>
<table class="layui-table">
<colgroup>
<col width="150">
<col width="200">
<col>
</colgroup>
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>性别</th> 
<th>职业</th> 
<th>作品</th> 
</tr> 
</thead>
<tbody>
<tr>
<td>1</td>
<td>甄子丹</td>
<td>男</td>
<td>武打明星</td>
<td>《叶问》</td>
</tr>
<tr>
<td>2</td>
<td>李连杰</td>
<td>男</td>
<td>武打明星</td>
<td>《少林寺》</td>
</tr>
<tr>
<td>3</td>
<td>吴京</td>
<td>男</td>
<td>武打明星</td>
<td>《杀破狼》</td>
</tr>
<tr>
<td>4</td>
<td>杨紫琼</td>
<td>女</td>
<td>武打明星</td>
<td>《卧虎藏龙》</td>
</tr>
<tr>
<td>5</td>
<td>梁小龙</td>
<td>男</td>
<td>武打明星</td>
<td>《功夫》</td>
</tr>
</tbody>
</table>
<script src="./layui-v2.4.5/layui/layui.js"></script>

</body>
</html>


Correcting teacher:韦小宝Correction time:2018-11-02 13:41:20
Teacher's summary:案例是提交了,下次记得作业总还得有自己的总结!把作业当成笔记来完成哦!

Release Notes

Popular Entries