В чем ошибка при подключении datatables.net?

Question

Darkness @AntonBrock

screen light

HTML

В чем ошибка при подключении datatables.net?

C помощью ниже, получил отличную таблицу из БД, но datatables так же не работает, а стили её читает похоже

<?php
$db_host = "127.0.0.1";
$db_name = "test_codez";
$db_user = "root";
$db_pass = "";

$db = mysqli_connect ($db_host, $db_user, $db_pass, $db_name) or die ("Невозможно подключиться к БД");

?>

  <!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Document</title>

  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>

</head>
<body>
  <table id="test">
<tr>
<th>Alphabetic</th>
<th>Numeric</th>
<th>Date</th>
<th>Unsortable</th>
</tr>
    <?php

  $sql = "SELECT * FROM test_table2 ";

  $sql = mysqli_query($db, $sql);
  while ($result = mysqli_fetch_array($sql))
  {
  echo "<tr><td>".$result['Alphabetic']."</td><td>".$result['Numeriс']."</td><td>".$result['Date']."</td><td>".$result['Unsortable']."</td></tr>";
  }
    ?>
  </table>

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

</body>
</html>

Вопрос задан более трёх лет назад
117 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

10 комментариев

Darkness @AntonBrock Автор вопроса

Все равно скрипт не работает

Написано более трёх лет назад
Darkness @AntonBrock Автор вопроса

Заметил уже, плюс, там еще доп. html body были, правил

Написано более трёх лет назад

Талян @flapflapjack

На, и не тупо скопируй себе, а прочитай код и сравни со своим абсолютно неосмысленным)).

<?php
$db_host = "127.0.0.1";
$db_name = "test_codez";
$db_user = "root";
$db_pass = "";

$db = mysqli_connect ($db_host, $db_user, $db_pass, $db_name) or die ("Невозможно подключиться к БД");

?>

  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" />
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
  <script src="https://cdn.datatables.net/plug-ins/1.10.15/i18n/Russian.json"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#test').DataTable();
    });
  </script>
</head>
<body>
  <table id="test">
<tr>
<th>Alphabetic</th>
<th>Numeric</th>
<th>Date</th>
<th>Unsortable</th>
</tr>
    <?php

  $sql = "SELECT * FROM test_table2 ";

  $sql = mysqli_query($db, $sql);
  while ($result = mysqli_fetch_array($sql))
  {
  echo "<tr><td>".$result['Alphabetic']."</td><td>".$result['Numeriс']."</td><td>".$result['Date']."</td><td>".$result['Unsortable']."</td></tr>";
  }

  
    ?>
  </table>
</body>
</html>

Написано более трёх лет назад

Darkness @AntonBrock Автор вопроса

Анатолий Цивилёв, да, понял, спасибо за критику и помощь!

Написано более трёх лет назад
Darkness @AntonBrock Автор вопроса

Анатолий Цивилёв, И все же, скрипт не работает)
Uncaught SyntaxError: Unexpected token : - гдето потеряна
jquery.dataTables.min.js:90 Uncaught TypeError: Cannot read property 'mData' of undefined
at HTMLTableCellElement. (jquery.dataTables.min.js:90)
at Function.each (jquery-1.12.4.js:370)
at jQuery.fn.init.each (jquery-1.12.4.js:137)
at HTMLTableElement. (jquery.dataTables.min.js:90)
at Function.each (jquery-1.12.4.js:370)
at jQuery.fn.init.each (jquery-1.12.4.js:137)
at jQuery.fn.init.m [as dataTable] (jquery.dataTables.min.js:82)
at jQuery.fn.init.h.fn.DataTable (jquery.dataTables.min.js:167)
at HTMLDocument. ((index):14)
at fire (jquery-1.12.4.js:3232)

Написано более трёх лет назад

Талян @flapflapjack

Антон Добрынин,

Держи. Этот - работает.

В самой документации DataTables в таблицах выделяются tbody и thead, когда я их обозначил - все заработало.

<?php
$db_host = "localhost";
$db_name = "test_codez";
$db_user = "root";
$db_pass = "";

$db = mysqli_connect ($db_host, $db_user, $db_pass, $db_name) or die ("Невозможно подключиться к БД");

?>

  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" />
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js?sd"></script>
  <script src="https://cdn.datatables.net/plug-ins/1.10.15/i18n/Russian.json?213"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#test').DataTable();
    });
  </script>
</head>
<body>

<table id="test" class="display" style="width:100%">
	<thead>
		<tr>
		<th>Alphabetic</th>
		<th>Numeric</th>
		<th>Date</th>
		<th>Unsortable</th>
		</tr>
	</thead>
	
	<tbody>
    <?php

  $sql = "SELECT * FROM test_table2 ";

  $sql = mysqli_query($db, $sql);
  while ($result = mysqli_fetch_array($sql))
  {
  echo "		<tr><td>".$result['Alphabetic']."</td><td>".$result['Numeriс']."</td><td>".$result['Date']."</td><td>".$result['Unsortable']."</td></tr>\n";
  }

  
    ?>
	</tbody>
  </table>
</body>
</html>

Написано более трёх лет назад

Darkness @AntonBrock Автор вопроса

Анатолий Цивилёв, Ты прав, этот работает, а почему тот не работает? ошибка mData говорит в основном , из-за не верных кол. столбцов..

Написано более трёх лет назад
Талян @flapflapjack

Антон Добрынин, В самой документации DataTables в таблицах выделяются tbody и thead, когда я их обозначил - все заработало.

https://www.datatables.net/examples/basic_init/zer...

Написано более трёх лет назад
Darkness @AntonBrock Автор вопроса

Анатолий Цивилёв, Понял, увидел. Огромное еще раз спасибо, с этой таблицей уже 2 день, поэтому на копирку делал, впредь не буду, спасибо за замечания и помощь! Хорошего дня!

Написано более трёх лет назад
Талян @flapflapjack

Антон Добрынин, Вам того же)

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+3 ещё

Простой
Возникла поломка файлов для установки пакетов в редакторе Atom, есть ли решение данной проблемы?
- 1 подписчик
- 3 часа назад
- 38 просмотров
1

ответ
HTML

Простой
Как выставить фото в select?
- 1 подписчик
- 8 часов назад
- 56 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Вся секция заежает за header?
- 1 подписчик
- 21 час назад
- 83 просмотра
0

ответов
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- вчера
- 34 просмотра
1

ответ
JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- вчера
- 62 просмотра
1

ответ
HTML

Простой
Не получается поставить поисковую строку справа, что сделать чтобы исправить?
- 1 подписчик
- 25 апр.
- 60 просмотров
0

ответов
HTML

Простой
С чем может быть связано не правильный вывод изображений?
- 1 подписчик
- 25 апр.
- 190 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- 25 апр.
- 124 просмотра
2

ответа
JavaScript

+1 ещё

Средний
Как сделать так, чтобы клик по object передавался родителю?
- 1 подписчик
- 25 апр.
- 102 просмотра
2

ответа
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- 24 апр.
- 70 просмотров
2

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Доработать функционал загрузки прайсов в БД

27 апр. 2024, в 20:40

5000 руб./за проект

Нужно помощь со скроллом в горизонтальном меню

27 апр. 2024, в 20:37

500 руб./за проект

Парсер-робот под Desktop Windows на C# или .NET или WPF

27 апр. 2024, в 20:22

20000 руб./за проект

Answer 1 · 2019-01-19 11:20:33

Опять ты! Ты зачем тупо копируешь код и не смотришь в него, не вникаешь что делает этот код?

Убери эту чушь!

<table id="test"> 


и 

 </table>

а тут в таблицу и вставь уже ID!

echo "<table id=\"test\"><tr><th>Alphabetic</th><th>Numeric</th><th>Date</th><th>Unsortable</th></tr>";

У тебя таблица в таблице - ты что не видишь что ли?

В чем ошибка при подключении datatables.net?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт