SI Design System

Tables

Tables serve to provide structured display of information and vary in type from simple to very complex. The default table design of the Security Infusion includes a search input box, the number of entries and pagination. The design follows the same principles with all the other components, keeping the sharp and flat look, and the strict color palette.


Basic table

Registered users example




Tables are not always as simple as the example above. In some cases table rows might include another tables (nested tables), action buttons, modal dialogs, dynamic creation and destruction of rows etc. Every component of the Security Infusion design system can be implemented within the table, making them on of the most important, and complicated elements of our design.