Uncaught TypeError: Не удается прочитать свойство «className» неопределенного для datatable

Question

У меня есть следующие коды для моей таблицы class="table table-striped table-bordered bootstrap-datatable datatable datatable" Я хотел бы использовать функциональные возможности данных, такие как поиск, подкачка и т. Д. Таким образом, я добавил данные в список классов.

У меня также есть ссылка на <script src='js/jquery.dataTables.min.js'></script> Но я получаю эту ошибку. Какое имя класса не хватает, как добавить это? Uncaught TypeError: Cannot read property 'className' of undefined and it points к этим строкам в файле .js.

(n.className+=" "+m.sClass),k?d._anHidden[g]=null:(d._anHidden[g]=n,n.parentNode.removeChild(n)),m.fnCreatedCell&&m.fnCreatedCell.call(a.oInstance,n,w(a,b,g,"display"),d._aData,b,g)}}if(0!==a.aoRowCreatedCallback.length){b=0;for(c=a.aoData.length;b<c;b++)d=a.aoData[b],C(a,"aoRowCreatedCallback",null,[d.nTr,d._aData,b])}}function K(a,b){return b._DT_RowIndex!==n?b._DT_RowIndex:null}function da(a,b,c){for(var b=L(a,b),d=0,a=a.aoColumns.length;d<a;d++)if(b[d]===c)return d; 

В настоящее время это, как моя структура таблицы выглядит

<div class="box-content"> 
          <table class="table table-striped table-bordered bootstrap-datatable datatable datatable" style='table-layout: fixed;'> 
          <thead> 
           <tr> 
            <th style='width: 10%;'>No.</th> 
            <th style='width: 35%;'>Name</th> 
            <th style='width: 25%;'>Contact Number</th>         
            <th style='width: 20%;'>Stats</th> 
           </tr> 
          </thead> 

Answer 1

вы уверены, что страница загружается с заданным именем класса до этого исполняемого скрипта? Другими словами, попробуйте поместить этот скрипт в нижней части страницы, чтобы убедиться, что он не загружается до выполнения DOM.