Jquery DataTables 下一页按钮无法点击
下面是我初始化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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论