A table often implies a “boring” layout. It contains plain text, one value per cell, and fails to catch the user’s attention. In contrast, the responsive table is much more flexible and eye-catching. It also contains many options for formatting the table content. Due to small screen widths on mobile devices, these options are necessary in order to reduce the number of visible columns.
This cheat sheet shows you how you can transform a plain table into the cutting edge style of SAP Fiori. Take a look at the example below.
- Left align text, IDs, phone numbers, URLs, passwords, email addresses, and status information.
- Right align numbers (except IDs and phone numbers), dates, and times.
And you’re done. With just a few simple steps, you can easily bring the SAP Fiori style to a plain table.
Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.