代码拉取完成，页面将自动刷新
同步操作将从 Mosheng/默笙UIadmin后台管理框架 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>高级表格 - 默笙后台管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="这不仅仅是一个后台管理系统，它基于BT4，超强的自适应，简洁，高效，大方" />
<meta content="Mosheng" name="author" />
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!-- third party css -->
<link href="css/vendor/dataTables.bootstrap4.css" rel="stylesheet" type="text/css" />
<link href="css/vendor/responsive.bootstrap4.css" rel="stylesheet" type="text/css" />
<link href="css/vendor/buttons.bootstrap4.css" rel="stylesheet" type="text/css" />
<link href="css/vendor/select.bootstrap4.css" rel="stylesheet" type="text/css" />
<!-- third party css end -->
<!-- App css -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Navigation Bar-->
<header id="topnav">
<nav class="navbar-custom">
<div class="container-fluid">
<ul class="list-unstyled topbar-right-menu float-right mb-0">
<li class="dropdown notification-list">
<!-- Mobile menu toggle-->
<a class="navbar-toggle nav-link">
<div class="lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
<!-- End mobile menu toggle-->
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fe-bell noti-icon"></i>
<span class="badge badge-danger noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-lg">
<!-- item-->
<div class="dropdown-item noti-title">
<h5 class="m-0">
<span class="float-right">
<a href="" class="text-dark">
<small>清除所有</small>
</a>
</span>通知</h5>
</div>
<div class="slimscroll noti-scroll">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item active">
<div class="notify-icon">
<img src="assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
<p class="notify-details">彼得</p>
<p class="text-muted mb-0 user-msg">
<small>嗨，你好吗？下次会议怎么样？</small>
</p>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="notify-icon bg-light">
<i class="mdi mdi-comment-account-outline"></i>
</div>
<p class="notify-details">Caleb Flakelar 管理员点评
<small class="text-muted">一分钟前</small>
</p>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="notify-icon">
<img src="assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
<p class="notify-details">凯伦·罗宾逊</p>
<p class="text-muted mb-0 user-msg">
<small>真的！这个管理员看起来不错，设计很棒。</small>
</p>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="notify-icon bg-light">
<i class="mdi mdi-account-plus"></i>
</div>
<p class="notify-details">新用户注册通知
<small class="text-muted">5小时之前</small>
</p>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="notify-icon bg-light">
<i class="mdi mdi-heart"></i>
</div>
<p class="notify-details">哦
<b>Admin</b>
<small class="text-muted">13天之前</small>
</p>
</a>
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
查看全部
<i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle nav-user mr-0" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<img src="assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
<small class="pro-user-name ml-1">
Admin
</small>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-animated profile-dropdown ">
<!-- item-->
<div class="dropdown-header noti-title">
<h6 class="text-overflow m-0">欢迎 !</h6>
</div>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<i class="fe-user"></i>
<span>我的账户</span>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<i class="fe-settings"></i>
<span>设置</span>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<i class="fe-lock"></i>
<span>锁定屏幕</span>
</a>
<div class="dropdown-divider"></div>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<i class="fe-log-out"></i>
<span>退出</span>
</a>
</div>
</li>
</ul>
<ul class="list-inline menu-left mb-0">
<li class="float-left">
<a href="index.html" class="logo">
<span class="logo-lg">
<img src="assets/images/logo.png" alt="" height="18">
</span>
<span class="logo-sm">
<img src="assets/images/logo-sm.png" alt="" height="28">
</span>
</a>
</li>
<li class="app-search">
<form>
<input type="text" placeholder="输入关键字以搜索..." class="form-control">
<button type="submit" class="sr-only"></button>
</form>
</li>
</ul>
</div>
</nav>
<!-- end topbar-main -->
<div class="topbar-menu">
<div class="container-fluid">
<div id="navigation">
<!-- Navigation Menu-->
<ul class="navigation-menu">
<li class="has-submenu">
<a href="index.html">
<i class="fe-airplay"></i>仪表盘</a>
</li>
<li class="has-submenu">
<a href="#">
<i class="fe-layers"></i>组件</a>
<ul class="submenu">
<li>
<a href="components-elements.html">UI 界面元素</a>
</li>
<li>
<a href="components-rangeslider.html">范围滑块</a>
</li>
<li>
<a href="components-alerts.html">消息框</a>
</li>
<li>
<a href="components-ribbons.html">文章块</a>
</li>
<li>
<a href="components-sweet-alerts.html">弹窗</a>
</li>
<li>
<a href="components-typography.html">排版</a>
</li>
<li>
<a href="components-charts.html">统计图</a>
</li>
<li>
<a href="components-maps.html">地图</a>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="#"> <i class="fe-bookmark"></i>表单</a>
<ul class="submenu">
<li>
<a href="form-elements.html">一般表单元素</a>
</li>
<li>
<a href="form-advanced.html">高级表单</a>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="#"> <i class="fe-grid"></i>表格</a>
<ul class="submenu">
<li>
<a href="tables-basic.html">基本表格</a>
</li>
<li>
<a href="tables-advanced.html">高级表格</a>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="#"> <i class="fe-cpu"></i>图标</a>
<ul class="submenu">
<li>
<a href="icons-feather.html">常用图标</a>
</li>
<li>
<a href="icons-mdi.html">材料设计图标</a>
</li>
<li>
<a href="icons-dripicons.html">其他图标</a>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="#"> <i class="fe-package"></i>页面</a>
<ul class="submenu megamenu">
<li>
<ul>
<li>
<a href="pages-calendar.html">日历</a>
</li>
<li>
<a href="pages-timeline.html">时间轴</a>
</li>
<li>
<a href="pages-invoice.html">发票</a>
</li>
<li>
<a href="pages-contacts.html">Contacts</a>
</li>
<li>
<a href="pages-starter.html">起始页</a>
</li>
<li>
<a href="pages-topbar-light.html">头部高亮</a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="pages-login.html">登录</a>
</li>
<li>
<a href="pages-register.html">注册</a>
</li>
<li>
<a href="pages-recoverpw.html">找回密码</a>
</li>
<li>
<a href="pages-lock-screen.html">锁定屏幕</a>
</li>
<li>
<a href="pages-404.html">404错误页面</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<!-- End navigation menu -->
<div class="clearfix"></div>
</div>
<!-- end #navigation -->
</div>
<!-- end container -->
</div>
<!-- end navbar-custom -->
</header>
<!-- End Navigation Bar-->
<div class="wrapper">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box">
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="#">默笙</a></li>
<li class="breadcrumb-item"><a href="#">表格</a></li>
<li class="breadcrumb-item active">高级表格</li>
</ol>
</div>
<h4 class="page-title">高级表格</h4>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h4 class="header-title">基本数据表格</h4>
<p class="text-muted font-13 mb-4">
DATABATABLE默认情况下启用了大多数特性，因此您需要使用自己的表来调用该结构。 功能：
<code>$().DataTable();</code>.
</p>
<table id="basic-datatable" class="table dt-responsive nowrap">
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>工作</th>
<th>年龄</th>
<th>开始日期</th>
<th>状态</th>
</tr>
</thead>
<tbody>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
</tbody>
</table>
</div> <!-- end card body-->
</div> <!-- end card -->
</div><!-- end col-->
</div>
<!-- end row-->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h4 class="header-title">按钮示例</h4>
<p class="text-muted font-13 mb-4">
数据项的按钮扩展提供了一组通用的选项、API方法和样式来显示页面上的按钮。这将与DATABATE交互。核心库提供了基于插件的框架。
</p>
<table id="datatable-buttons" class="table table-striped dt-responsive nowrap">
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>工作</th>
<th>年龄</th>
<th>开始日期</th>
<th>状态</th>
</tr>
</thead>
<tbody>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
</tbody>
</table>
</div> <!-- end card body-->
</div> <!-- end card -->
</div><!-- end col-->
</div>
<!-- end row-->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h4 class="header-title">多项目选择</h4>
<p class="text-muted font-13 mb-4">
这个例子显示了多选项。注意，单击行将如何切换其选定状态而不影响其他行，不同于其他示例中显示的操作系统和单个选项。
</p>
<table id="selection-datatable" class="table dt-responsive nowrap">
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>工作</th>
<th>年龄</th>
<th>开始日期</th>
<th>状态</th>
</tr>
</thead>
<tbody>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
</tbody>
</table>
</div> <!-- end card body-->
</div> <!-- end card -->
</div><!-- end col-->
</div>
<!-- end row-->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h4 class="header-title">关键数据表</h4>
<p class="text-muted font-13 mb-4">
KEYTABLE在任何表上提供类似Excel的单元导航。事件（焦点、模糊、动作等）可以分配给个人。单元格、列、行或所有单元格。
</p>
<table id="key-datatable" class="table dt-responsive nowrap">
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>工作</th>
<th>年龄</th>
<th>开始日期</th>
<th>状态</th>
</tr>
</thead>
<tbody>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
<tr>
<td>默笙</td>
<td>男</td>
<td>PHP</td>
<td>23</td>
<td>2017/06/25</td>
<td>正常</td>
</tr>
</tbody>
</table>
</div> <!-- end card body-->
</div> <!-- end card -->
</div><!-- end col-->
</div>
<!-- end row-->
</div> <!-- end container -->
</div>
<!-- end wrapper -->
<!-- Footer Start -->
<footer class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
Mosheng Admin © 2018 - tecms.net
</div>
<div class="col-md-6">
<div class="text-md-right footer-links d-none d-sm-block">
<a href="#">关于我们</a>
<a href="#">帮助</a>
<a href="#">联系我们</a>
</div>
</div>
</div>
</div>
</footer>
<!-- end Footer -->
<!-- App js -->
<script src="js/vendor.min.js"></script>
<script src="js/app.min.js"></script>
<!-- third party js -->
<script src="js/vendor/jquery.dataTables.js"></script>
<script src="js/vendor/dataTables.bootstrap4.js"></script>
<script src="js/vendor/dataTables.responsive.min.js"></script>
<script src="js/vendor/responsive.bootstrap4.min.js"></script>
<script src="js/vendor/dataTables.buttons.min.js"></script>
<script src="js/vendor/buttons.bootstrap4.min.js"></script>
<script src="js/vendor/buttons.html5.min.js"></script>
<script src="js/vendor/buttons.flash.min.js"></script>
<script src="js/vendor/buttons.print.min.js"></script>
<script src="js/vendor/dataTables.keyTable.min.js"></script>
<script src="js/vendor/dataTables.select.min.js"></script>
<!-- third party js ends -->
<!-- demo app -->
<script src="js/pages/datatables.init.js"></script>
<!-- end demo js-->
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手