Сообщение от
vlad-kras
То есть можно сделать табличку в json и потом ее затянуть внутрь html, причем с фильтрацией и сортировкой ? Можно пример такого чуда посмотреть, на 3-4 столбца и штук 5-7 строчек? И как с производительностью, несколько тысяч строк осилит или же нормально только на небольших таблицах работает?
да js достаточно быстрый, если совать все 10000 строк в UI, то добавление/удаление строк в UI таблице может подлагивать, но ведь не обязательно всё сразу пихать - можно отфильтровать и показывать с паджинацией
Скрипт с фильтрами и динамическим генератором таблицы прямо в html, фильтры строятся по данным, поэтому достаточно просто отредактировать табличку в spells и сразу можно фильтровать по новым данным.
Код:
const filteredSpells = spells.filter(spell => {
// Filter by secret level
if (filterLevel === "secret" && !spell.secret) return false;
if (filterLevel && spell.level.toString() !== filterLevel && filterLevel !== "secret") return false;
// Filter by rune
if (filterRune && !spell.runes.includes(filterRune)) return false;
return true;
}).sort((a, b) => {
// First, sort by level
if (a.level !== b.level) {
return a.level - b.level; // Ascending order for level
}
// Then, sort by secret (false first, true later)
const secretA = Boolean(a.secret);
const secretB = Boolean(b.secret);
if (secretA !== secretB) {
return secretA - secretB; // false < true, so secret=false comes first
}
// Finally, sort by name
return a.name.localeCompare(b.name); // Alphabetical order for name
});
Ответить с цитированием
