django-使用JS通过DataTable实现表格前端分页

1、下载dataTables：http://datatables.club/并引用：

<script type="text/javascript" src="../static/DataTables/DataTables-1.11.2/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="../static/DataTables/DataTables-1.11.2/js/dataTables.bootstrap.min.js"></script>

2、js代码

$('#table').DataTable({
        autoWidth:true,////不开启自动宽度，用bootstrap的自适应去调整
        "lengthMenu": [10, 20, 50, 100],//表格行数选择框内数目 显示2条,4条,20条,50条
        "displayLength": 10,//默认的显示行数 (也就是每页显示几条数据)
        searching : false, //去掉搜索框方法一：百度上的方法，但是我用这没管用
        bLengthChange: false,   //去掉每页显示多少条数据方法
        "order": [],
        "language": {//自定义语言提示
            "processing": "处理中...",
            "lengthMenu": "显示 _MENU_ 项结果",
            "zeroRecords": "没有找到相应的结果",
            "info": "第 _START_ 至 _END_ 行，共 _TOTAL_ 行",
            "infoEmpty": "第 0 至 0 项结果，共 0 项",
            "infoFiltered": "(由 _MAX_ 项结果过滤)",
            "infoPostFix": "",
            "url": "",
            "thousands": "'",
            "emptyTable": "表中数据为空",
            "loadingRecords": "载入中...",
            "infoThousands": ",",
            "paginate": {
                "first": "首页",
                "previous": "上页",
                "next": "下页",
                "last": "末页"
            }
        }
    });

 

3、效果如图：

 

参考文章：

https://www.likecs.com/show-64671.html