Ninja Tables has a ‘List’ element in the free version. It’s enough to create simple lists. 

But if you want to create attractive and beautiful lists, you will need more customization options. Ninja Tables offers an advanced element called “Stylist List,” which is only available in the pro version.

styled list element

Let’s add a Stylist List element to our Ninja Tables!
 
Just drag and drop the Styled List element in your table, and that’s it.

styled list in tables

Properties of Stylist List #

ScopeOption NameType
GeneralSpace Between Icon and TextNumeric Value, drag bar
AlignmentLeft, Center, and Right
TextFont ColorGraphical Color Selection
Font SizeNumeric Value, drag bar
Item SpacingNumeric Value, drag bar
Font StyleBold, Italic & Underline
IconIcon ColorGraphical Color Selection
Icon SizeNumeric Value, drag bar
Choose IconUpload from Computer
Icon LibrarySelection from Library

General #

add lists in data table
  1. Space Between Icon and Text: You can add space or gap between the Icons and List Items. By default, It is set to 0.
  2. Alignment: You can align the Stylist List to the left, right, or center. By default, it is set to Center.

Text #

list text alignment
  1. Font Color: You can change the color of the text. By default, it is set to Black.
  2. Font Size: You can change the size of the text. By default, it is set to 15.
  3. Item Spacing: You can change the space vertically between list items. By default, it is set to 19.
  4. Font Style: You can change the Font Style orientations. Available options are Bold, Italic, and Underline.

Icon #

list data with icon
  1. Icon Color: You can change the color of the Icon. By default, it is set to Black.
  2. Icon Size: You can change the color of the Icon. By default, it is set to 15
  3. Choose Icon: You can upload your own image as an Icon to the table by uploading it from your computer.
  4. Icon Library: There are plenty of Icons to choose from in the Ninja Tables Stylist List. By default, it is set to Tick Mark.

Conclusion #

We hope this documentation has helped you understand the functionality of this Ninja Tables Drag & Drop Table Builder pro element.

Let us know your thoughts and questions in the comment box.