layui表格实现代码

  

本文实例为大家分享了layui基本表格的具体代码,供大家参考,具体内容如下

        & lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf - 8”比;   & lt; title>基本表格& lt;/title>   & lt;链接rel="样式表" href=" https://www.yisu.com/zixun/layui/css/layui.css "比;   & lt;/head>   & lt; body>   & lt;自定义字段类=" layui-elem-field layui-field-title”比;   & lt; legend>默认表格& lt;/legend>   & lt;/fieldset>      & lt; div类=發ayui-form”比;   & lt;表类=發ayui-table”比;   & lt; colgroup>   & lt;坳宽度=?0”比;   & lt;坳宽度=" 150 "比;   & lt;坳宽度=" 150 "比;   & lt;坳宽度=" 200 "比;   & lt; col>   & lt;/colgroup>   & lt; thead>   & lt; tr>   & lt; th> & lt;输入类型=案囱】颉眓ame=" lay-skin=爸鳌眑ay-filter=癮llChoose祝辞& lt;/th>   & lt; th>人物& lt;/th>   & lt; th>民族& lt;/th>   & lt; th>出场时间& lt;/th>   & lt; th>格言& lt;/th>   & lt;/tr>   & lt;/thead>   & lt; tbody>   & lt; tr>   & lt; td> & lt;输入类型=案囱】颉眓ame=" lay-skin=爸鳌弊4? lt;/td>   & lt; td>贤心& lt;/td>   & lt; td>汉族& lt;/td>   & lt; td> 1989 - 10 - 14 - & lt;/td>   & lt; td>人生似修行& lt;/td>   & lt;/tr>   & lt; tr>   & lt; td> & lt;输入类型=案囱】颉眓ame=" lay-skin=爸鳌弊4? lt;/td>   & lt; td>张爱玲& lt;/td>   & lt; td>汉族& lt;/td>   & lt; td> 1920 - 09 - 30 - & lt;/td>   & lt; td>于千万人之中遇见你所遇见的人,于千万年之中,时间的无涯的荒野里…& lt;/td>   & lt;/tr>   & lt; tr>   & lt; td> & lt;输入类型=案囱】颉眓ame=" lay-skin=爸鳌弊4? lt;/td>   & lt; td>海伦Keller   & lt; td>拉丁美裔& lt;/td>   & lt; td> 1880 - 06 - 27 - & lt;/td>   & lt; td>人生如果不是一场勇敢的冒险便什么都不是。你们;/td>   & lt;/tr>   & lt; tr>   & lt; td> & lt;输入类型=案囱】颉眓ame=" lay-skin=爸鳌弊4? lt;/td>   & lt; td>岳飞& lt;/td>   & lt; td>汉族& lt;/td>   & lt; td> 1103 -北宋崇宁二年& lt;/td>   & lt; td>教科书再滥改,也抹不去的“民族英雄”的事实& lt;/td>   & lt;/tr>   & lt; tr>   & lt; td> & lt;输入类型=案囱】颉眓ame=" lay-skin=爸鳌弊4? lt;/td>   & lt; td>孟子& lt;/td>   & lt; td>华夏族(汉族)& lt;/td>   & lt; td>公元前-372年& lt;/td>   & lt; td>猿强,则国强,国强,则猿更强! & lt;/td>   & lt;/tr>   & lt;/tbody>   & lt;/table>   & lt;/div>      & lt;自定义字段类=" layui-elem-field layui-field-title”比;   & lt; legend>行边框表格& lt;/legend>   & lt;/fieldset>      & lt;表类=" layui-table " lay-skin=跋摺北?   & lt; colgroup>   & lt;坳宽度=" 150 "比;   & lt;坳宽度=" 150 "比;   & lt;坳宽度=" 200 "比;   & lt; col>   & lt;/colgroup>   & lt; thead>   & lt; tr>   & lt; th>人物& lt;/th>   & lt; th>民族& lt;/th>   & lt; th>出场时间& lt;/th>   & lt; th>格言& lt;/th>   & lt;/tr>   & lt;/thead>   & lt; tbody>   & lt; tr>   & lt; td>贤心& lt;/td>   & lt; td>汉族& lt;/td>   & lt; td> 1989 - 10 - 14 - & lt;/td>   & lt; td>人生似修行& lt;/td>   & lt;/tr>   & lt; tr>   & lt; td>张爱玲& lt;/td>   & lt; td>汉族& lt;/td>   & lt; td> 1920 - 09 - 30 - & lt;/td>   & lt; td>于千万人之中遇见你所遇见的人,于千万年之中,时间的无涯的荒野里…& lt;/td>   & lt;/tr>   & lt; tr>   & lt; td>海伦Keller   & lt; td>拉丁美裔& lt;/td>   & lt; td> 1880 - 06 - 27 - & lt;/td>   & lt; td>人生如果不是一场勇敢的冒险便什么都不是。你们;/td>   & lt;/tr>   & lt; tr>   & lt; td>岳飞& lt;/td>   & lt; td>汉族& lt;/td>   & lt; td> 1103 -北宋崇宁二年& lt;/td>   & lt; td>教科书再滥改,也抹不去的“民族英雄”的事实& lt;/td>   & lt;/tr>   & lt; tr>   & lt; td>孟子& lt;/td>   & lt; td>华夏族(汉族)& lt;/td>   & lt; td>公元前-372年& lt;/td>   & lt; td>猿强,则国强,国强,则猿更强! & lt;/td>   & lt;/tr>   & lt;/tbody>   & lt;/table>      & lt;自定义字段类=" layui-elem-field layui-field-title”比;   & lt; legend>列边框表格& lt;/legend>   & lt;/fieldset>      & lt;表类=" layui-table " lay-even=發ay-skin=靶小北?   & lt; colgroup>   & lt;坳宽度=" 150 "比;   & lt;坳宽度=" 150 "比;   & lt;坳宽度=" 200 "比;   & lt; col>   & lt;/colgroup>   & lt; thead>   & lt; tr>   & lt; th>人物& lt;/th>   & lt; th>民族& lt;/th>   & lt; th>出场时间& lt;/th>   & lt; th>格言& lt;/th>   & lt;/tr>   & lt;/thead>   & lt; tbody>   & lt; tr>   & lt; td>贤心& lt;/td>   & lt; td>汉族& lt;/td>   & lt; td> 1989 - 10 - 14 - & lt;/td>   & lt; td>人生似修行& lt;/td>   & lt;/tr>   & lt; tr>   & lt; td>张爱玲& lt;/td>   & lt; td>汉族& lt;/td>   & lt; td> 1920 - 09 - 30 - & lt;/td>   & lt; td>于千万人之中遇见你所遇见的人,于千万年之中,时间的无涯的荒野里…& lt;/td>   & lt;/tr>   & lt; tr>   & lt; td>海伦Keller

layui表格实现代码