Datatables throwing error on window resize


I have a DataTable.

When I set it, I get no errors, the table is properly generated, but then whenever I resize the window, I'm getting this error:

0x800a138f - JavaScript runtime error: Unable to get property 'style' of undefined or null reference

I don't think I can reproduce the code here, but I can guarantee that the table structure is correct.

This is what I'm using to create the DataTable:

function initDataTable() {
    if ($.fn.dataTable.isDataTable($('#grdPrincipal'))) {
    } else {
                scrollY: 210,
                scrollX: true,
                fixedHeader: true,
                fixedColumns: true,
                paging: false,
                info: false,
                searching: false

Since I'm using a UpdatePanel in my webforms project, I have to run this code whenever I do a postback, because the table is rebuilt every time.

There are no problems with postbacks or anything, as I said, the only problem is when I resize the window.

What could it be?

asked on Stack Overflow Sep 2, 2016 by Phiter • edited Sep 2, 2016 by RPichioli

1 Answer


Try destroying the datatable before you update your updatePanel, like this:

var prm = Sys.WebForms.PageRequestManager.getInstance();
    function BeginRequestHandler(sender, args) {
        //Runs before updatePanel starts updating

    function EndRequestHandler(sender, args) {
        //Runs after updatePanel has finished updating
answered on Stack Overflow Sep 2, 2016 by RPichioli • edited Sep 6, 2016 by Phiter

User contributions licensed under CC BY-SA 3.0