Sometime hover tooltip, its show left bottom body, incorrect positions
demo: https://imgur.com/a/cGopptJ
$(`#kt_datatable`).DataTable({
processing: true,
serverSide: true,
ajax: {
url: `/${dashboard}/${site.url}/ajax/`,
type: "POST",
dataSrc: function(json) {
if(json.status) {
return json.data;
} else {
Swal.fire({
title: "Error",
text: json.msg,
icon: "error"
})
}
}
},
select: {
style: "multi",
selector: "td:first-child input[type="checkbox"]"
},
columns: [...],
columnDefs: [...],
fnDrawCallback: function(data) {
$("[data-bs-toggle="tooltip"]").tooltip();
try {
clipboard.destroy();
} catch(ex) {}
clipboard = new ClipboardJS("[data-clipboard=true]").on("success", function(e) {
e.clearSelection();
toastr.success("Copied!");
});
$(".dataTables_length select").select2({
minimumResultsForSearch: Infinity
});
if(data.json.status == 0) {
Swal.fire({
title: "Error",
text: data.json.msg,
icon: "error"
})
}
}
});
Hi,
Could you please clarify where the tooltip attached element that you hovered? Inside the datatable? To check the issue further we will need to reproduce the issue in our end.
Regards.