Jquery DataTables 下一页按钮无法点击

发布于 2022-09-11 18:11:40 字数 2490 浏览 14 评论 0

下面是我初始化datatables的方法,可以显示出翻页按钮,但是翻页按钮并不能使用,点击无效。。

var initProductParentTable = function () {
    var data = {
        "current": 1,
        "size": 10
    }
    $.ajax({
        url: "/server/product-parent/get-by-page",
        type: "post",
        contentType: "application/json;charset=utf-8",
        data: JSON.stringify(data),
        success: function (res) {
            if (res.code != 200) {
                $("#tips .modal-body").html(res.msg);
                $("#tips").modal("show");
                return;
            }
            var table = $("#product_parent_table").DataTable({
                "bPaginate": true, //翻页功能
                "bLengthChange": true, //改变每页显示数据数
                "bFilter": true, //过滤功能
                "bSort": false, //排序功能
                "bInfo": true,//页脚信息
                "bAutoWidth": true,//自动宽度

                "destroy": true,
                "data": res.data.records,
                "columns": [
                    {
                        data: "productCategoryPicture", width: "150px", render: function (data, type, row) {
                            return "<img style='width: 80px;height: auto;' src='" +
                                OSS_BASE_ICON_URL + row.picture + "'>";
                        }
                    },
                    {data: "productParentName", width: "150px"},
                    {
                        data: "price", width: "100px", render: function (data, type, row) {
                            return row.price / 100;
                        }
                    },
                    {data: "saleCount", width: "100px"},
                    {data: "createTime", width: "150px"},
                    {
                        data: "updateTime", width: "150px", render: function (data, type, row) {
                            if (row.updateTime == null) {
                                return "暂无最后修改日期";
                            }
                            return row.updateTime;
                        }
                    },
                    {
                        data: "id", width: "120px", render: function (data, type, row) {
                            return "<button type='button' class='btn btn-success' onclick='productCategoryDetail(\"" + row.id + "\",\"" + row.productCategoryName + "\")'>编辑</button>";
                        }
                    }
                ]
            })
        }
    })
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文