Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
[Spike] Investigate HTML+CSS for Tree View / Tree Table #2455
With the assumption that we need to build the tree view as a new in-house component, we need to determine the best way to structure the HTML and CSS of a tree view. A discussion on the design of this component can be found in #348, but here is a summary of the constraints that make the HTML structure difficult:
Originally I was investigating this by looking for third-party libraries we can use, and starting to attempt a quick-and-dirty React prototype (patternfly/patternfly-react#3141) to see if the functionality we need can be achieved without duplicating a lot of third-party effort. We determined that for the initial component we shouldn't have any sorting or filtering functionality (since the implications of those on a tree structure are unclear), and in my research on third-party libraries, I could find none that we could theme to match the design and meet all the constraints above (particularly, none of them would adapt well to a mobile view).
In attempting to build a prototype based on our Table styles, these are the issues I ran into which indicated that this should be a core spike:
@mattnolting Here is a link to the final designs: https://docs.google.com/document/d/1I0DhtexeBnrtF8EUB-MuAkYic_UBK-50ElAuvFZ283A/edit?usp=sharing I will remove the mocks from the description to avoid confusion.