Rebind jQuery datatable in asp.net gridview

Question

I am using jQuery datatable to bind an asp.net gridview and I have to hide and show some rows.

It is working perfect but when I hide some rows from datatable the datatable paging is not updating so I have to rebind jquery datatable.

When I call the datatable function again it shows this error :-

enter image description here

I am using this code to show and hide..then rebind datatable

$('table.dataTable tbody tr').each(function () {
                var name = $(this).find('.name').html();
                if (name == str) {
                    $(this).show();
                    $('.Flight_class').dataTable({
                        "aaSorting": [[1, "asc"]],
                        "sPaginationType": "full_numbers",
                        "bJQueryUI": false,
                        "bAutoWidth": false,
                        "bLengthChange": false
                    });
                }
                else {
                    $(this).hide();
                }
            });

iappwebdev · Accepted Answer · 2012-12-19 11:07:44Z

1

I don't think it is not possible to rebind datatable. Unbind it before rebinding:

$('.Flight_class').unbind().dataTable({...});

answered Dec 19, 2012 at 11:07

iappwebdev

5,9301 gold badge34 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rebind jQuery datatable in asp.net gridview

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related