layui的表格

zhgc

入门

1. <div class="layui-container">
   
2.     <div class="layui-row">
   
3.         <div class="layui-col-md12">
   
4.             <table class="layui-table" lay-even lay-size="lg">
   
5.                 <colgroup>
   
6.                     <col width="60">
   
7.                     <col width="100">
   
8.                     <col width="360">
   
9.                     <col width="110">
   
10.                     <col width="150">
    
11.                 </colgroup>
    
12.                 <thead>
    
13.                     <tr>
    
14.                         <td>id</td>
    
15.                         <td>电脑名称</td>
    
16.                         <td>简介</td>
    
17.                         <td>价格</td>
    
18.                         <td>录入时间</td>
    
19.                     </tr>
    
20.                 </thead>
    
21.                 <tbody>
    
22.                     <tr>
    
23.                         <td>10001</td>
    
24.                         <td>华为</td>
    
25.                         <td>HUAWEI MateBook X Pro 2021款 i7 16GB 512GB</td>
    
26.                         <td>9999.00</td>
    
27.                         <td>2021 8/23</td>
    
28.                     </tr>
    
29.                     <tr>
    
30.                         <td>10002</td>
    
31.                         <td>小米</td>
    
32.                         <td>RedmiBook Air 13.3英寸 2.5k全面屏超轻薄</td>
    
33.                         <td>4799.00</td>
    
34.                         <td>2021 8/12</td>
    
35.                     </tr>
    
36.                     <tr>
    
37.                         <td>10003</td>
    
38.                         <td>联想</td>
    
39.                         <td>2021款十一代酷睿i7 14英寸高性能轻薄商务学生超薄本设计超极本办公游戏手提笔记本电脑</td>
    
40.                         <td>6899.00</td>
    
41.                         <td>2021 5/15</td>
    
42.                     </tr>
    
43.             </table>
    
44.         </div>
    
45.     </div>
    
46. </div>

复制代码

zhgc

基础属性

zhgc

https://layuion.com/docs/