@mendex

Как добавить функции сортировки и поиска в таблице html?

Всем привет, написал сниппет в вордпресе который отображает данные плагина contact form 7 из БД на странице сайта в таблице, как добавить сортировку по столбцам и поиск по этой таблице?

Код сниппета:
<?php
global $wpdb;
$result = $wpdb->get_results( "SELECT form_id, form_value FROM wp_db7_forms ");

echo "<style>";
echo "body {font-family: Arial;}";
echo ".table_container { padding: 10px 12px 0px 12px;  border: 1px solid #ccc;  }";
echo ".table_container th { background-color: #A2ABF6;; color:white; font-weight:bold; border-left: 1px solid white;}";
echo "</style></head>";
echo "<body>";
echo "<div class=\"table_container\"><table>";
echo "<tr><th style=\"padding-left:10px;\">ИМЯ</th><th>ТЕЛЕФОН</th><th>ГОРОД</th><th>МОЩНОСТЬ</th><th>МЕТОД ПРОКЛАДКИ</th><th>СООБЩЕНИЕ</th><th>СТАТУС ЗАЯВКИ</th></tr>";

foreach ($result as $row) {
$unser = unserialize($row->form_value);

echo '<tr>
<td>'. $unser['your-name'] . '</td>
<td>' . $unser['your-tel'] . '</td>
<td>' . $unser['Sity'] [0] . '</td>
<td>' . $unser['Power'] [0] . '</td>
<td>' . $unser['Method'] [0] . '</td>
<td>'. $unser['Message']. '</td>
<td><select>
<option disabled selected>Выберите статус</option>
<option>Ожидание</option>
<option>Осмотр</option>
<option>Формирование</option>
<option>Утверждение</option>
<option>Выполнение</option>
<option>Завершено</option>
</select></tr>';
}
?>
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 1
nokimaro
@nokimaro
Меня невозможно остановить, если я смогу начать.
Подключите сортировку на JS
https://datatables.net/
https://github.com/tofsjonas/sortable
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы