Table content update

markjo

I have a table having 100 entries.
I paginate them with 10 entry chunks with datatable.
In my table there is some elements like this:
[code]My button[/code]
I also add this to my script
[code] $(document).ready(function () {
$("[rel=popover]").popover({ });
});[/code]

* Everything works fine for first 10 entry. Popovers show title text successfully.
* Also when i change table contents by using "dropdown: 10-25-50" change event triggers and popover() function is called automatically
* But when i pass to "next" 10 entries by using Next-Previous links on top of table, popovers doesn't function normally.

What should i make to solve this?

I tried this but didn't work.
[code] $(document).change(function () {
$("[rel=popover]").popover({ });
});[/code]

markjo

I found my answer in callbacks.
Which is here: http://datatables.net/ref#fnDrawCallback

allan

The other way would be to simply add another event listener to the paging controls to listen for a click or whatever. And yet another way would be to listen for the DataTables event 'page'.

Also, you might want to check out the top FAQ, which is basically the same question: http://datatables.net/faqs#events

Allan

markjo

@Allan thank you for detailed answer