[Tree Taxonomy - Design] Table View

[ri0nardo]

Currently the table does its job perfectly. It isn't necessarily designed, but display the text as best as possible with some issues with spacing and text clipping. The goal is to integrate a system that reuses components from all views, and is consistent throughout the product.

A few more issues include

1. Making the table responsive for mobile
2. Be consistent with all views
3. Make mobile compatible with all views
4. use the same components in all views
5. Be creative, but don't go crazy

Article - https://medium.com/appnroll-publication/5-practical-solutions-to-make-responsive-data-tables-ff031c48b122

[ri0nardo]

First version of the table without the mobile view. This integrates the badges into the table to make it more appealing to the eye. This also allows the filter to stay in place without it being modified for another view.

The limited table and filter width is due to screen size compatibility. There is an issue when a larger resolution screen views the table as its not legible. But this works for a screen that is 1024 px wide and still works for 1920 px.

[ri0nardo]

View type 1 for the table which displays all the information in a vertical layout. I am going to try a different view that may limit the amount of information present, but be more of a table.

A table view that one includes everything without side scrolling. Then one that eliminates height in the table. I am thinking to filter out what users want to see they can select the column text and it will allow them to pick out of 3 what they want to sort by.

[ri0nardo]

column selection, will only work on mobile as the data table will appear as typical for desktop users. to make it work for mobile there will be a dropdown menu from selecting the column section text. it will go alphabetical or whatever method the user wants to proceed with.

[ri0nardo]

the list view for table that displays the source name from the top. will be an easy indicator of what the user is looking at.

[ri0nardo]