Layui数据表格
实现功能:
1.table表格
2在table表格中动态添加数据
3可以导出与打印
需要:layui框架, 自行创建数据库;
网页效果:
代码:
<link href="~/content/bootstrap-4.5.0-dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="~/content/layui/css/layui.css" rel="stylesheet" />
<div class="container mt-3">
<table id="demo" lay-filter="demo"></table>
</div>
<script src="~/content/jquery-3.2.1.min.js"></script>
<script src="~/content/layui/layui.js"></script>
<script>
layui.use('table', function () {
var table = layui.table;
table.render({
elem: '#demo',