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

Question

[mendex]

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

Код сниппета:

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

Comments

[Владимир Брумер]

Ctrl + F