如下所示:
数据表格一:
数据表格一:
名称 | 内容 |
---|
后台数据传入前台的方式
数据表格二:
<blockquote class="layui-elem-quote">
<a href="javascript:;" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small" id="add">
<i class="layui-icon"></i> 添加信息
</a>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small" id="import">
<i class="layui-icon"></i> 导入信息
</a>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small">
<i class="fa fa-shopping-cart" aria-hidden="true"></i> 导出信息
</a>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small" id="getSelected">
<i class="fa fa-shopping-cart" aria-hidden="true"></i> 获取全选信息
</a>
<a href="javascript:;" rel="external nofollow" rel="external nofollow" class="layui-btn layui-btn-small" id="search">
<i class="layui-icon"></i> 搜索
</a>
</blockquote>
<fieldset class="layui-elem-field">
<legend>数据列表</legend>
<div class="layui-field-<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a> layui-form">
<table class="layui-table admin-table">
<thead>
<tr>
<th style="width: 30px;"><input type="check<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>" lay-filter="allselector" lay-skin="primary"></th>
<th>编号</th>
<th><a href="https://www.jb51.cc/tag/yonghuming/" target="_blank" class="keywords">用户名</a></th>
<th>真实姓名</th>
<th>性别</th>
<th>电话</th>
<th>邮箱</th>
<th>公司</th>
<th>职位</th>
<th>政治面貌</th>
<th>培训状态</th>
<th>账号状态</th>
<th>角色</th>
<th>创建时间</th>
<th>备注</th>
</tr>
</thead>
<tbody id="content">
</tbody>
</table>
</div>
</fieldset>
<div class="admin-table-page">
<div id="paged" class="page">
</div>
</div>
</div></pre>
以上这篇基于layui数据表格以及传数据的方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。
原文链接:https://www.f2er.com/js/30877.html