Checkbox Column is only working for the first 10 records

heike

Hi,

I use a datatable with pager and checkboxes to update data. The data comes from SQL Server via Ajax and WebMethods. For some reason I can only update the first 10 records. After that, the click event is no longer fired for the checkbox.
Can anyone help me with this?

Thank you!

kthorngren

See if the seconds fAQ helps:
https://datatables.net/faqs/index#Most-common-FAQs

Kevin

gyrocode

Sounds like you're attaching event handler incorrectly.

Instead of using this:

$('.checkbox').on('click', function(){
   // ... skipped ... 
});

Use event delegation as shown below where example is ID of your table.

$('#example').on('click', '.checkbox', function(){
   // ... skipped ... 
});

See jQuery DataTables: Why click event handler does not work for more information.

Also see FAQ - Q. My events don't work on the second page.

---

See more articles about jQuery DataTables on gyrocode.com.