【问题标题】:Jquery datatables how to set pagination property after initializing itJquery datatables如何在初始化后设置分页属性
【发布时间】:2018-09-17 21:03:06
【问题描述】:

我有一张 id 为教师表的表。我为此使用数据表。代码如下。

this.teacherstable = jQuery('#teacherstable').DataTable({
                "language": {
                    "emptyTable": "No records to display.",
                },
                responsive: true,
                "pageLength": 10,
                "bLengthChange": false,
                "data": this.teachers,

                "order": [[0, "desc"]],
                "columns": [
                    {
                        "title": "Modified Date",
                        "mData": null,
                        "mRender": function (data, type, row) {
                            return row["ModifiedDate"];
                        },
                        "visible": false,
                        "bSortable": true,
                    },
                    {
                        "title": "Teacher Name",
                        "mData": null, "mRender": function (data, type, row) {
                            return row["FirstName"] + "  " + row["LastName"];

                        }
                    },
                    {
                        "title": "Email",
                        "mData": null, "mRender": function (data, type, row) {
                            return row["Email"];
                        }
                    },
                    {
                        "title": "Mobile Number",
                        "mData": null, "mRender": function (data, type, row) {
                            return row["PhoneNumber"];
                        }
                    },
                    {
                        "title": "Date Of Birth",
                        "mData": null, "mRender": function (data, type, row) {
                            return row["DateofBirth"];
                        }
                    },
                                   ],

            });

现在我的问题是我从服务器获取教师数据。基于收到的数据,我必须启用和禁用属性为 pagination:false 的数据表中的分页。这个怎么做。任何建议都会有很大帮助。

【问题讨论】:

    标签: jquery angular datatable datatables


    【解决方案1】:

    你可以使用三元运算:

    jQuery('#teacherstable').DataTable({
        [...],
        "paging": ( "your condition" ? true : false),
        [...]});
    

    【讨论】:

    • 实际上我是在角度使用它。我有 2 个导航选项卡,如下 1)退休教师 2)现任教师。单击这两个选项卡之一。对于第一个 tiem,数据表被初始化。现在对于过去的老师我不需要分页,对于现在的老师我需要分页。如果我点击现在的老师,数据表被初始化,当点击过去的老师时,数据表没有被初始化。如何为此找到解决方案。
    • Angular 是一个单页应用程序,所以我猜数据表应该只初始化一次。我建议你有 2 个数据表,以便每个选项卡都有自己的数据表和自己的参数。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-12-23
    • 2012-12-15
    • 1970-01-01
    • 2013-08-23
    • 1970-01-01
    • 2011-12-19
    • 1970-01-01
    相关资源
    最近更新 更多