List elements are used to show a list of items in either ordered or unordered form.

Ninja Tables offers a free “List” item to add lists and organize the data of your tables.

list elements in data table

Let’s add a list element in table!

drag and drop list element in tables

Properties of List Element #

ScopeOption NameType
GeneralItem Spacing VerticallyNumeric Value
Space Between Icon and TextNumeric Value
AlignmentLeft, Center, and Right
TextFont ColorNumeric Value
Font SizeNumeric Value
Font StyleBold, Italic, and Underline
ListList TypeUnordered or Ordered
List Icon (Unordered)Circle, Square, Disc, and None
List Icon (Ordered)Upper-Roman, Lower-Roman, Upper-Alpha, Lower-Alpha, and Decimal

General #

customize table list element
  1. Item Spacing Vertically: Space between lists vertically. By default, it is set to 20.
  2. Space Between Icon and Text: The space between Icon and the List Text. By default, it is set to 0.
  3. Alignment: You can also position the Lists on either the Left, Center, or Right side of the Cell.

Text #

list element in tables
  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. Font Style: You can change the Font Style orientations. Available options are Bold, Italic, and Underline.

List (Ordered) #

ordered list element
  1. List Type: The above screenshot is for the Ordered List type.
  2. List Icon: You can change the style of the icons of the lists to Upper-Roman, Lower-Roman, Upper-Alpha, Lower-Alpha, and Decimal.

List (Unordered) #

unordered lists in data table
  1. List Type: The above screenshot is for the Unordered List type.
  2. List Icon: You can change the style of the icons of the lists to Circle, Square, Disc, and None.

Conclusion #

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

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