Доброго дня!

Стала необходимость работы с таблицами. А именно поиск по таблицам и их сортировка. Самым простым способом реализации было бы ручное подключение jQuery. Но тогда данная статья бы не появилась.

Есть отличный плагин Joomla 3 для работ с таблицами. Szaki Table - сайт разработчика. Для себя я немного подправил стили. (Если будет необходимо, могу выложить исправленный плагин.)

Работатет плагин таблиц очень просто, его достаточно установить, и перед таблицей его вызвать.

 Для вызова достаточно использовать: {szakitable filter="table"  } , в конце таблице указать: {/szakitable}.

В моем случае используется чистый шаблон на bootstrap. В таком виде выводится таблица, как видно её можно сортировать по всем полям. Так же сверху таблицы находится фильтр, который ищет по всем записям.

И непосредственно сам пример таблицы, которая используется:

{szakitable filter="table" }
<table class="table table-bordered">
<thead>
<tr>
<th>Маршрут</td>
<th>Регулярность</th>
<th>Отправление</th>
<th>Прибытие</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>Краснодар — Адлер(аэропорт)</p>
</td>
<td>ежедневно</td>
<td>10:20, 15:20</td>
<td>19:44, 23:55</td>
</tr>
<tr>
<td>
<p>Краснодар — Алексеетенгинская</p>
</td>
<td>7</td>
<td>14:25</td>
<td>18:00</td>
</tr>
<tr>
<td>Краснодар — Анапа</td>
<td>ежедневно</td>
<td>07:00, 07:45, 08:36, 11:01, 12:02, 14:16, 15:30, 17:50, 18:59, 22:01</td>
<td>10:27, 11:12, 12:10, 14:28, 16:29, 17:48, 18:57, 21:02, 22:30, 01:34</td>
</tr>
<tr>
<td>Краснодар — Анапа</td>
<td>лето</td>
<td>06:32, 07:20, 09:21, 14:57, 15:59, 16:50</td>
<td>09:59, 11:30, 12:53, 18:24, 19:14, 20:17</td>
</tr>
<tr>
<td>
<div>Краснодар — Анапа</div>
<div>(ч/з Славянск-на-Кубани)</div>
</td>
<td>ежедневно</td>
<td>14:40, 16:20, 17:22</td>
<td>18:10, 19:50, 20:52</td>
</tr>
<tr>
<td>Кисловодск — Анапа</td>
<td>ежедневно</td>
<td>03:25</td>
<td>06:52</td>
</tr>
</tbody>
</table>
{/szakitable}