<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表格</title>
<!--LayUI的核心css文件-->
<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
<!--LayUI的核心js文件-->
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!--
表格
class="layui-table"
常用属性
lay-even 如果设置了该属性，则可以显示隔行换色的效果
lay-skin 设置边框风格
line-行边框风格
row-列边框风格
nob-无边框风格
lay-size 设置尺寸
sm-小尺寸
lg-大尺寸
-->
<table class="layui-table">
<colgroup>
<col width="150">
<col width="200">
<col>
</colgroup>
<thead>
<tr>
<th>商品名称</th>
<th>购买时间</th>
<th>简介</th>
</tr>
</thead>
<tbody>
<tr>
<td>伊利 安慕希希腊风味常温酸奶原味2</td>
<td>2022-06-05</td>
<td>脂肪含量很低，营养又健康，怎么喝都不腻。</td>
</tr>
<tr>
<td>清风 湿巾</td>
<td>2022-06-06</td>
<td>含有金银花提取液，绿茶提取液</td>
</tr>
</tbody>
</table>
<hr>
<table class="layui-table" lay-even lay-skin="nob" lay-size="sm">
<colgroup>
<col width="150">
<col width="200">
<col>
</colgroup>
<thead>
<tr>
<th>商品名称</th>
<th>购买时间</th>
<th>简介</th>
</tr>
</thead>
<tbody>
<tr>
<td>伊利 安慕希希腊风味常温酸奶原味2</td>
<td>2022-06-05</td>
<td>脂肪含量很低，营养又健康，怎么喝都不腻。</td>
</tr>
<tr>
<td>清风 湿巾</td>
<td>2022-06-06</td>
<td>含有金银花提取液，绿茶提取液</td>
</tr>
<tr>
<td>MEXICO 66VIN 男女款运动休闲鞋男鞋女鞋</td>
<td>2022-06-09</td>
<td>好看又耐穿，穿起来很舒服</td>
</tr>
<tr>
<td>休闲纯棉圆领男式短袖</td>
<td>2022-06-10</td>
<td>休闲,日常,通勤,校园,逛街</td>
</tr>
</tbody>
</table>
</body>
</html>,
