Я использую компонент данных дерева Ant Design в моем проекте. Компонент Tree Data делает ваши таблицы вложенными, что требуется в моем проекте. Что мне также нужно, так это то, что строки можно перетаскивать, чтобы изменить их порядок. Ant Design также предоставляет это. Так что я этим пользуюсь. Вы можете посетить эту Песочницу , чтобы увидеть рабочий пример. Попробуйте перетащить строки, если хотите. Вот как выглядит моя таблица: 
Нажатие на эту кнопку «+» откроет подстроки: 
Когда я пытаюсь перетащить «Джон Браун старший». строка и опускание в строке «Джо Блэк» работают правильно: 
Но когда я пытаюсь перетаскивать подстроки, внешние строки изменяются. Например, если я попытаюсь перетащить «Джон Браун младший». грести и бросать его в строку «Джон Браун», «Джон Браун стер.»строка заменяется строкой «Джо Блэк». Простите, если это не поможет, но я бы вставил GiF или видео проблемы, но я не знаю как. Буду очень признателен за любую помощь.