Пустые результаты, ошибки Remote-запроса, повтор и сброс поиска с фильтрами.
Если tbody не содержит строк, VGTable автоматически показывает состояние empty и сохраняет заголовок таблицы.
| Название | Статус |
|---|
<table class="vg-table" data-vg-table>
<thead><tr><th data-field="name">Название</th><th data-field="status">Статус</th></tr></thead>
<tbody></tbody>
</table>// Дополнительная инициализация не требуется: используется Data API./* Дополнительные стили не требуются. */Активный поиск без совпадений показывает filtered-empty. Кнопка «Сбросить фильтры» очищает поиск и фильтры, после чего строки возвращаются.
| Название | Статус |
|---|---|
| Первая запись | Активна |
| Вторая запись | Черновик |
| Третья запись | Активна |
<input id="vg-table-state-search" class="form-control form-sm" type="search" value="Нет совпадений">
<table class="vg-table" data-vg-table data-group-params="states-filtered-demo">
<thead><tr><th data-field="name">Название</th><th data-field="status">Статус</th></tr></thead>
<tbody>...</tbody>
</table>VGTable.registerParamsGroup('states-filtered-demo', {
search: {enabled: true, input: '#vg-table-state-search', debounce: 0},
});
// Если совпадений нет, VGTable покажет filtered-empty и кнопку сброса./* Дополнительные стили не требуются. */Первый Remote-запрос специально возвращает 503. Кнопка «Повторить» запускает тот же запрос повторно, и endpoint отдаёт строки.
| ID | Название | Статус |
|---|
<table
class="vg-table"
data-vg-table
data-request-route="/api/table/remote?demo_error=once&token=unique-token"
data-pagination-enable="true"
data-pagination-per-page="5"
>
<thead>...</thead>
<tbody></tbody>
</table>// Дополнительная инициализация не требуется: используется Data API./* Дополнительные стили не требуются. */