Svelte — фильтрация результатов таблицы

Admin Svelte

Как можно сделать фильтрацию таблицы на JavaScript и Svelte быстро и легко.

Имеем такие данные:

Данные на svelte получаются с бэка таким образом:

let deposits = [];
let depositsBackup = [];

onMount(async () => {
    getFetch('deposit/get-deposits/').then((r) => {
        deposits = r;
        depositsBackup = r;
    });
});

Про асинхронную загрузку данных на Svelte.

Создаем 2 ссылки. Одна будет показывать в таблице записи, где есть описание. Другая будет показывать снова все записи.

<div class="links" on:click={displayOnlyWithNotes}>Показать только с записями</div>
<div class="links" on:click={displayAllNotes}>Показать все</div>

И 2 метода к ним:

function displayOnlyWithNotes() {
    deposits = deposits.filter(el => el.description !== '');
}

function displayAllNotes() {
    deposits = depositsBackup;
}

Вот так просто можно реализовать фильтрацию данных в таблице на Svelte и её перестроение в реальном времени.

Как сделать на фильтрации данных график.

На сайте отсутствует реклама! Значете почему?

Помогать людям - моё хобби. А навыки разработчика позволяют не парится нулевой монетизизацией этого сайта. Хотя...

Если вам помогла информация, то даже от доната в 40 рублей мне будет приятно. Докину немного, куплю латте в макдаке, вспомню за чей счет банкет и карма вам зачтется!

Но и просто оставленный комментарий благодарности ниже принесет мне улыбку радости :)

А если захочется написать всякие гадости с переходом на личности, да тоже не стесняйтесь, но обычно я отправляю такое в спам. Люблю, когда дома чисто.

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"Svelte — фильтрация результатов таблицы"