首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在datatable jquery中进行如下图那样的分页设计

如何在datatable jquery中进行如下图那样的分页设计
EN

Stack Overflow用户
提问于 2020-07-28 12:32:17
回答 1查看 106关注 0票数 0

我想使用datatable Jquery进行像这样的分页。请帮我做成这样。

Image

下面是我的代码:

代码语言:javascript
代码运行次数:0
运行
复制
 $("#tblComplex").DataTable({
        "destroy": true,
        "serverSide": true,
        "bRetrieve": true,
        "searching": false,
        "order": [0, "asc"],
        "pagingType": "simple",
        "dom": '<"wrapper"tilp>',
        "language": {
            "paginate": {
                "next": '<span><img src="images/next.svg" alt="next-arrow" /></span>',
                "previous": '<span><img src="images/previous.svg" alt="prev-arrow" /></span>'
            }
        },
        //"pageLength": 5,
        //"lengthMenu": [[5, 10, 20, -1], [5, 10, 20, 'Show All']],
        "ajax": {
            "url": "/Complex/GetComplexList",
            "type": "Post",
            "datatype": "json",
            "dataSrc": "complexListData"
        },
        "columns": [
            { "title": "Id", "data": "id", "orderable": true, "visible": false },
            {
                "title": "Name", "data": "name", "orderable": true, "visible": true },
            { "title": "Address", "data": "address", "orderable": true, "visible": true }
            
        ]
    });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-08-13 21:14:00

我找到了一个解决方案。

我们只需要添加css的类名。例如:

代码语言:javascript
代码运行次数:0
运行
复制
           page 1 from 10     

我们必须在dom中定义它。

"dom":'<"class1"<"class2"i>>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63127064

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档