dataTables - 使用服务器端排序、分页、搜索

1、引入

<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>

使用cdn引入,下载http://www.datatables.club/,别忘引入jquery。

html代码:

 <table id="table_id_example" class="display">
 <input type="hidden" id="url" value="{
   { url('user') }}">//服务器端地址
       <thead>
             <tr>
                <th><span>ID</span></th>
                <th><span>用户名</span></th>
                <th><span>账号</span></th>
                <th><span>添加时间</span></th>
                <th><span>操作</span></th>
             </tr>
        </thead>
        <tbody>
		</tbody>
</table>

js代码:

  <script>
        $(document).ready(function () {
   
            var url = $('#url').val();
            $('#table_id_example').DataTable({
   
                "serverSide": true,
                "processing": true,
                "bStateSave": true,
                "searching":  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值