datatables服务端分页php-laravel，其它语言同理

最新推荐文章于 2024-06-14 09:52:21 发布

「已注销」

最新推荐文章于 2024-06-14 09:52:21 发布

阅读量556

点赞数

https://github.com/gztrljh

本文链接：https://blog.csdn.net/ljh101/article/details/110591224

版权

本文介绍了如何使用Datatables与PHP Laravel框架实现服务端分页。从客户端分页到服务端分页的切换，详细讲解了删除DOM元素、配置请求地址、后端接收和返回数据格式，以及处理操作按钮和搜索功能的实现。同时，提到了服务端排序的实现方法，并注意到了一些可能出现的bug。

摘要由CSDN通过智能技术生成

介绍

我是抱着学习的心态来学习这个datatables，实际上我的后台管理系统就是用bootstrap构建的，个人推荐用bootstrap-tables，响应式也更高。
这个学会了，然后其实bootstrap-tables就差不多了

客户端分页

先说说datatables客户端分页，先按正常的把数据遍历出来

引入资源，我这里是bootstrap风格,因为我后台就是bootstrap3风格的

css

<link href="/admin/lib/DataTables-1.10.21/css/dataTables.bootstrap.css" rel="stylesheet">

<script src="/admin/lib/DataTables-1.10.21/js/jquery.dataTables.min.js"></script>
<script src="/admin/lib/DataTables-1.10.21/js/dataTables.bootstrap.js"></script>

        <div class="table-responsive">
            <table class="table table-hover table-sort">
                <thead>
                    <tr>
                        <th>编号</th>
                        <th>文章标题</th>
                        <th>加入时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($articles as $article)
                    <tr>
                        <td>{
   {
   $article->id}}</td>
                        <td>{
   {
   $article->title}}</td>
                        <td>{
   {
   $article->created_at}}</td>
                        <td>
                            <div class="btn-group">
                                <a class="btn btn-xs btn-default" href="#" title="编辑"><i
                                        class="glyphicon glyphicon-pencil"></i></a>
                                <a class="btn btn-xs btn-default delbtn" href="#" title="删除"><i
                                        class="glyphicon glyphicon-remove"></i></a

最低0.47元/天解锁文章