VISIT http://jsfiddle.net/housekeepings/qx5a4wf3/3/
The Tooltip function can work well on the first page,
but failed when change to page two!
How can redraw the tooltip on the other page?
-
I would recommend looking at the draw event for DataTables and apply the tooltip there. This fires every time the table reloads so would include; paging, sorting, filtering etc datatables.net/reference/event/drawPaul Zepernick– Paul Zepernick2019-01-16 16:24:37 +00:00Commented Jan 16, 2019 at 16:24
-
@PaulZepernick Thank you~It works! Though the responsive "+" place still not working~But other paging is work well~So nice!robspin– robspin2019-01-17 01:01:28 +00:00Commented Jan 17, 2019 at 1:01
-
I added it as an answer. ThanksPaul Zepernick– Paul Zepernick2019-01-17 18:27:06 +00:00Commented Jan 17, 2019 at 18:27
Add a comment
|
1 Answer
The tooltip is being applied when the dom is ready on page load and is not being re-applied to new elements coming into the dom when the table view is drawn again. DataTables has a draw event that is triggered when the state of the table changes. A listener can be attached to this event and have the tooltip applied when the draw event fires.
$('#table_id').DataTable({responsive: true,}).on("draw", function() {
$('[data-toggle="tooltip"]').tooltip();
});
