swiftcarrot / react-ui-tree

React tree component with drag & drop
https://swiftcarrot.github.io/react-ui-tree/
MIT License
759 stars 196 forks source link

Does it support multiple level-0 nodes? #86

Open quantrpeter opened 5 years ago

quantrpeter commented 5 years ago

Hi, Does it support multiple level-0 nodes?

mrcat2018 commented 5 years ago

Unfortunately,but you can find way to support it .

<div className={'layer-context'}>
   <div className={"tree-container"}>
       <Tree
       paddingLeft={15}                  // left padding for children nodes in pixels
       tree={this.props.layers}          // tree object
       onChange={this.handleChange}      // onChange(tree) tree object changed
       renderNode={this.renderNode}      // renderNode(node) return react element
      />
   </div>);
</div>

`.layer-context{ overflow: hidden; }

.tree-container{ height:inherit; overflow: hidden; position: relative; top:-19px; left: -18px; }` In this way ,it will render root but root will be hidden。 Attention root must contain element,or dragging will be wrong