Member 13863747 Ответов: 1

Получение обратно того же формата строки

У меня есть этот код ниже, который позволяет мне переместить значение из Стол С Зелеными Фруктами к Таблица Случайных Фруктов и наоборот но проблема в том что после того как я перенесу все значения из Предложенный Фруктовый Стол к Зеленый Фруктовый Стол все значение возвращается в виде одного столбца, и я хочу, чтобы оно соответствовало исходному формату, который составляет 3 ячейки в строке. Есть ли простой способ сделать это? Любая помощь будет очень признательна.

Что я уже пробовал:

Вот мой JSFiddle[^]

1 Ответов

Рейтинг:
2

Kornfeld Eliyahu Peter

Каждый раз, когда вы перемещаете фрукт из "предложенного" в "зеленый", вы создаете новый TR/TD для этого фрукта - так что он будет отображаться как новая линия (TR)...
У вас есть варианты:
1. Найдите последний ряд "зеленых" и проверьте, есть ли там место (менее 3 TDs)... Если есть место, добавьте новый фрукт в качестве нового TD внутри последнего ряда (TR), в противном случае сделайте то, что вы делаете сегодня (new TR/TD)
2. Используйте flex-gird и DIV не TABLE/TR/TD