Javascript 将元素追加到datatables列
我目前利用createdRow回调将按钮(带有链接)附加到datatables中的一列中。 但是,当窗口被调整大小(更小)并且该列被隐藏(仅在展开时显示)时,这不起作用,因为不再调用createdRow。 有什么办法可以应付这种情况吗 更新: 第7列最初包含相应项的Id(数据[7])。 在createdRow回调中,我将Id替换为3个可单击的图标(查看/更新/删除)Javascript 将元素追加到datatables列,javascript,jquery,datatables,Javascript,Jquery,Datatables,我目前利用createdRow回调将按钮(带有链接)附加到datatables中的一列中。 但是,当窗口被调整大小(更小)并且该列被隐藏(仅在展开时显示)时,这不起作用,因为不再调用createdRow。 有什么办法可以应付这种情况吗 更新: 第7列最初包含相应项的Id(数据[7])。 在createdRow回调中,我将Id替换为3个可单击的图标(查看/更新/删除) 你能给我们看一下你的代码吗?@GibboK我已经用代码更新了问题:)你使用流体布局吗?createdRowcallback可能不合
你能给我们看一下你的代码吗?@GibboK我已经用代码更新了问题:)你使用流体布局吗?
createdRow
callback可能不合适,试着使用选项为column@KostiaMololkin我懂了。。非常感谢D
createdRow: function (row, data, dataIndex) {
$(row).children().eq(7).html("")
.append($("<i>").addClass("fa fa-eye mr5").attr("title", "Details").css("cursor", "pointer")
.click(function () {
window.location.href = self.urlViewCam + "/?id=" + encodeURIComponent(data[7]);
}))
.append($("<i>").addClass("fa fa-pencil mr5").attr("title", "Update").css("cursor", "pointer")
.click(function () {
window.location.href = self.urlUpdateCam + "/?id=" + encodeURIComponent(data[7]);
}))
.append($("<i>").addClass("fa fa-trash-o").attr("title", "Delete").css("cursor", "pointer")
.click(function () {
if (self.confirmationModal) {
$('#divConfirmMsg').text("Do you want to delete \"" + data[0] + "\"?");
$('#btnConfirmDelete').click(function () { deleteCamera(data[7]) });
self.confirmationModal.modal("show");
} else if (confirmDelete(data[0])) {
deleteCamera(data[7]);
}
}));
}
$(self.detailedTableElem).on('click', 'tr', function () {
var camName = $(this).children().eq(0).text();
if (self.table.row($(this)).child.isShown()) {
$(this).next('tr').find('li > span.dtr-title').each(function () {
if ($(this).text() == functionColName + ":") {
appendIcons(camName, $(this).next('span.dtr-data'));
}
});
}
});