Телеграмм чат группы sveltejs страница 8699

Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

1864 membersпожаловаться на группу

2021 November 18

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

Сори, я пропал. Кейс в том, чтобы вычислять помещается ли строка (из массива) в поле и по-разному её кропать

источник

17:44пожаловаться #1

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

То есть если в массиве лежат 4 элемента и если все они помещаются - поместить
Если вмещаются 2 - то поместить 2, добавить запятую и показать кнопку с "+2"
Если в массиве 1 элемент и он не влезает в поле, то поведение идентичное ellipsis

источник

17:46пожаловаться #2

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

А учитывая то, что это происходит в таблице и на каждое поле будет создано ещё 1 теневое поле - то звучит это уже не приятно совсем

источник

17:46пожаловаться #3

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

Ибо на 50 элементов произойдёт 100 изменений DOM

источник

17:47пожаловаться #4

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

Грубо говоря

источник

17:47пожаловаться #5

Алексей in Svelte [svelt] - All about Svelte JavaScript framework.

ну смотри, если у тебя элементы довольно широкие относительно общей ширины ячейки, и ты точно знаешь что стили не изменятся, то я думаю оптимально считать приблизительно, как примерно ты и написал. С небольшим запасом - у тебя все равно при кропе будут пустые пространства гуляющие

источник

17:48пожаловаться #6

ДК

Дмитрий Красильников... in Svelte [svelt] - All about Svelte JavaScript framework.

шрифт моноширинный?

источник

17:51пожаловаться #7

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

Нет

источник

17:52пожаловаться #8

ДК

Дмитрий Красильников... in Svelte [svelt] - All about Svelte JavaScript framework.

просчитайте один раз перед рендером таблицы ширину всех сочетаний букв. потом расчитаете быстренько для каждой ячейки без теневого рендеринга. как вариант

источник

17:56пожаловаться #9

Алексей in Svelte [svelt] - All about Svelte JavaScript framework.

парсить строки придется все тогда. хз стоит ли оно того

источник

17:58пожаловаться #10

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

Расчёт должен происходить в каждой ячейке отдельно

источник

17:58пожаловаться #11

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

Представь себе ситуацию когда таблицу делает одна команда, а ячейку другая. Вот ячейка должна работать правильно без вмешательства в код команды таблицы

источник

17:58пожаловаться #12

ДК

Дмитрий Красильников... in Svelte [svelt] - All about Svelte JavaScript framework.

в каждой ячейке может быть свой стиль текса?

источник

17:58пожаловаться #13

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

Предположим

источник

17:59пожаловаться #14

ДК

Дмитрий Красильников... in Svelte [svelt] - All about Svelte JavaScript framework.

пробовали сравнивать для вашего шрифта погрешность расчета с фикс шириной символа и реальной? может не такое уж сильное расхождение?

источник

18:01пожаловаться #15

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.

С реальным текстом не большое, но нужно учитывать то, какой это текст. В моём случае это массив email`ов, так что в нём будет в среднем 1-3 точки, а это целый полноценный символ

источник

18:03пожаловаться #16

ДК

Дмитрий Красильников... in Svelte [svelt] - All about Svelte JavaScript framework.

на это несложно ввести поправку

источник

18:03пожаловаться #17

Алексей in Svelte [svelt] - All about Svelte JavaScript framework.

слушай, ну даже если ты запас в три символа сделаешь, на фоне ширины емейла это не страшно

источник

18:03пожаловаться #18

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.