Блог

У меня есть два узла в дереве с возможностью сортировки, как показано на изображении. По умолчанию высота строки, предоставляемая пакетом, составляет около 61 пикселей, если я увеличу размер строки до 84 пикселей, тогда две строки пересекутся, есть ли какой-нибудь выход. Я пытался манипулировать css, но пока не смог найти решение…

Стиль Css, который я применил, был

 .rstcustom__rowWrapper {
    padding: 10px 10px 10px 0;
    height: 84px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: move;
}
  

Строка при увеличении высоты

Добавить:

 <SortableTree
      ...
      treeData={state}
      rowHeight={}// multiple of base height for example
      generateNodeProps={({ node, path }) => {
      ...
  

RowHeight в качестве реквизита в ваших компонентах sortablet.
Избегайте прямого изменения CSS, используйте реквизит: style, RowHeight, innerStyle, как описано в документации