Как правильно использовать подключаемый файл jquery datatable

Ниже приведен пример кода примера, но он не работает. Может кто-нибудь, пожалуйста, помогите мне в том, как использовать этот jQuery datatable plugin? И может ли этот подключаемый плагин использоваться в таблице полей результатов sql? БлагодаряКак правильно использовать подключаемый файл jquery datatable

<html> 
    <head> 
    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 
    <script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script> 
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css"> 
    </head> 

    <body> 
     <table id="example" style="border:1px solid black;"> 
      <thead> 


    <tr> 
       <th>Column 1</th>   
       <th>Column 2</th>   
       <th>etc</th>  
      </tr> 
     </thead> 

     <tbody> 
      <tr>  
       <td>Row 1 Data 1</td> 
       <td>Row 1 Data 2</td> 
       <td>etc</td> 
      </tr> 
      <tr> 
       <td>Row 2 Data 1</td> 
       <td>Row 2 Data 2</td> 
       <td>etc</td> 
      </tr> 
      <tr> 
       <td>Row 2 Data 1</td> 
       <td>Row 2 Data 2</td> 
       <td>etc</td> 
      </tr> 
     </tbody> 
</table> 
</body> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#example').dataTable(); 
    }); 
</script> 

</html>

источник

2017-01-17 User27

Что делать, если это не так? – ti7

Он показывает только базовый html yable, а не datatable – User27

Из документов: https://datatables.net/manual/installation

Для DataTables, чтобы иметь возможность повысить в HTML-таблицу, таблица должна быть действительно, хорошо отформатирован HTML, с заголовком (THEAD) и тела (TBODY). Также может использоваться дополнительный нижний колонтитул (tfoot).

Попробуйте добавить thead в таблицу с нужным количеством столбцов.

Это должно выглядеть так, но с любыми строками и столбцами, которые вам нужны, и ваши td заполнены вашим контентом.

<table> 
    <thead> 
     <tr> 
      <th></th> 
      <th></th> 
      <th></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
<table>

источник

2017-01-18 05:13:37

Я обновил свой вопрос. Добавлен thead и tbody в таблице. показывая базовую таблицу html. Пожалуйста, помогите – User27

Используя тот же код/html, он отлично работает для меня. https://jsfiddle.net/guanzo/ay8pwcp5/2/ –

Я использую это в WordPress. Я извлекаю данные из SQL-сервера и заполняю в html-таблице. Для этого мне нужна дата, но она просто не работает. Нужно ли добавлять jquery в папку моего сайта? – User27

Как правильно использовать подключаемый файл jquery datatable

ответ

Смежные вопросы