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

Question

mendex @mendex

WordPress

Как добавить функции сортировки и поиска в таблице 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>';
}
?>

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

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

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

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

Ответы на вопрос 1

2 комментария

mendex @mendex Автор вопроса

По второй ссылке сделал сортировку, как теперь ко всему этому добавить поиск?

<?php
global $wpdb;
$result = $wpdb->get_results( "SELECT form_id, form_value FROM wp_db7_forms ");
echo '<script src="https://tofsjonas.github.io/sortable/sortable.js"></script>';

echo "<style>";
echo '.sortable { padding: 10px 12px 0px 12px;  border: 1px solid #ccc; }';
echo '.sortable th { background-color: #A2ABF6;; color:white; font-weight: bold; border-left: 1px solid white; padding-left:10px; cursor: pointer; }';
echo '.sortable td { border: 1px solid #dddddd; padding: 5px; }';
echo "</style>";

echo '<table class="sortable">';
echo  '<thead>';
echo '<tr><th>ИМЯ</th><th>ТЕЛЕФОН</th><th>ГОРОД</th></tr>';
echo '</thead>';

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>
</tr>';
}
?>

Написано более двух лет назад