Send us your questions or customization on demand requests
We used to reply ASAP
Made as constructor
The usage of tables section in material prototyping kit is about few steps. There are several table components divided by categories into 32px, 40px and 56px row height: table basement, text data multicolumn, numeric multicolumn. Those components are predesigned according to Multicomponents approach.
Simple steps to build a table:
• Select desired table grid size in terms of your layout • Simply drag and drop the component onto active artboard • Set table background to preferred dimension by resizing • Place the '#Multicolumn' component over the grid • Resize the column to fit the table base • Replace placeholder text with your specific data • Clone it depending on columns amount you wish • That's it! You now have the material table in less than 5 mins
Responsive in advance
Once your table was built, you can group it into frame to obtain the responsivity. Select all the columns, table basement and Group by pressing ⌘ / Ctrl + G combination. Then select "Frame" in top right dropdown menu.
You will find a plenty of predesigned pagination modules below the table elements. Just snap it to the table bottom and set the same width. Those components will fit perfect together.
All the predefined components for tables builder are located in the left column. Drag and drop, then deploy.
Table dividers made as component. So you can customize the color, opacity or line style within few movements for unlimited amount of tables
#figmatips Don't forget to use proper data alignment → use the module 'Multicolumn Numeric' for all numeric data (aligned to the right), all other data should be aligned to the left