title: JQuery Datatable-Unable to get value of the property 'style': object is null or undefined
body: <p><strong>Scenario:</strong> I have 2 different datatables in 2 tabs.
  On clicking on tabs, I am showing/hiding the divs and the corresponding datatable.</p>
  
  <p>On document.Ready, I am initializing the datatables. It works fine now. But, when I switch from one tab to another tab and then resize the browser window, I am getting the following error in console:</p>
  
  <blockquote>
    <p>SCRIPT5007: Unable to get value of the property 'style': object is
    null or undefined</p>
  </blockquote>
  
  <p><strong>I am getting the error in datatable.min.js(version 1.10.10). Attached is the screen shot of error:</strong><a href="https://i.stack.imgur.com/OmCFg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OmCFg.png" alt="datatable.min.js(line number:213)"></a></p>
  
  <p>The initialization of the datatable is as:</p>
  
  <pre><code>var $employeeTable,
       savedPage ;
  function initalizeEmp() {
      $employeeTable = $('#employee').DataTable({
          responsive: true,
          "order": [[1, "desc"]],
          "lengthMenu": [[10, 25], [10, 25]],
          "columnDefs": [{
              "targets": 4,
              "render": function (data, type, full, meta) {
                  if ($(data).attr('results-grid') != "")
                      return '&lt;a href="javascript: void(0);" onclick="window.open(\'../School/DownloadEmp.aspx?EmpID=' + $(data).attr('results-grid') + '\')" target="_blank"&gt;' + data + '&lt;/a&gt;';
                      //return '&lt;a href="javascript: void(0);" onclick="EmpLink(' + $(data).attr('results-grid') + ')"&gt;' + data + '&lt;/a&gt;';
                  else
                      return data;
              }, "orderable": true
          },
          {
              'bSortable': false,"targets": [0]
          },
          { type: 'date-mm-dd-yyyy', targets: 1 },
          {
              'bSortable': false,"targets": [6]
          },
          {
              'bSortable': false,"targets": [7]
          },
          {
              'bSortable': false,"targets": [8]
          }
          ],
          fnInitComplete: function () {
              setTimeout(function () {
                  if (typeof savedPage !== 'undefined') {
                      $employeeTable.page(savedPage).draw(false);
                  }
                  //$('body').vtUnmask();
              }, 10);
          }
      });
  
      $('#employee').on('page.dt', function () {
          savedPage = $employeeTable.page();
          $('input[id*="_checkBox"]').attr('checked', false);
      });
   }
  </code></pre>