В чем ошибка при подключении 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>

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

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

Подписаться 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

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- 3 часа назад
- 36 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как подключить поисковую систему в js?
- 1 подписчик
- 3 часа назад
- 50 просмотров
1

ответ
HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- вчера
- 31 просмотр
0

ответов
HTML

Простой
Как на html реализовать блоки «Внимание / Важно»?
- 1 подписчик
- вчера
- 113 просмотров
1

ответ
HTML

+1 ещё

Простой
Как разместить элементы с разных блоков, чтобы они перекрывали друг друга?
- 1 подписчик
- вчера
- 53 просмотра
1

ответ
HTML

+1 ещё

Простой
Flex и position: sticky, почему не работает?
- 1 подписчик
- 19 нояб.
- 72 просмотра
1

ответ
JavaScript

+2 ещё

Средний
Как построить код, чтобы гугл таблица на сайте выдавала только значение из конкретной ячейки?
- 1 подписчик
- 19 нояб.
- 43 просмотра
0

ответов
JavaScript

+2 ещё

Средний
Как выделить мышкой область на странице и присвоить класс элементам попавшим в эту область?
- 1 подписчик
- 19 нояб.
- 106 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Как сделать слайдер на swiper, в котором активный слайд всегда крайний слева?
- 1 подписчик
- 19 нояб.
- 116 просмотров
1

ответ
HTML

+1 ещё

Простой
Как сделать метку/ярлык?
- 1 подписчик
- 18 нояб.
- 43 просмотра
0

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

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Браузерное расширение-парсер

22 нояб. 2024, в 20:23

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

Анализ и оценка проектов, с последующим запуском

22 нояб. 2024, в 20:20

1000 руб./в час

Разработать админ панель на yii2

22 нояб. 2024, в 19:51

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

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?

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

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

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