We have a screen layout where we have several columns to display. The problem is - you guessed it - real estate - to be able to fit all columns. This is for desktop, tablet and mobile screens.
One of the ideas being proposed is to break up the column headings in to two rows where the lower row is slightly indented to the right of the upper row. The data that will be displayed will follow the indented format as well. Something like -
My question is - is this a viable option to clean up real estate, display all this data and yet keep it readable? Is this sort of an indented data grid layout a common practice?