Table Settings

You already know Ninja Tables is a great WordPress table builder plugin. This plugin has tons of features that you can use to impress your audience.

In this document, we will discuss the table settings and customization options and see what they can do.

Properties of Table Settings #

	Option Name	Type
General	Cell Padding	Numeric Value
	Table Alignment	Left, Center, and Right
	Separate Column/Rows	Toggle On or Off
	Space Between Columns	Numeric Value
	Space Between Rows	Numeric Value
	Table Container Max Width	Toggle On or Off
	Table Cell Min Auto Width	Numeric Value
	Table Container Max Height	Numeric Value
Background	Header Background	Graphical Color Selection
	Even Row Background	Graphical Color Selection
	Odd Row Background	Graphical Color Selection
Custom CSS	Add custom CSS
Custom JS	Add custom JS
Sticky	First Row Sticky	Toggle On or Off
	First Column Sticky	Toggle On or Off
Accessibility	Table Role	Dropdown Selection
Border	Table Border	Numeric Value
	Border Color	Graphical Color Selection
	Apply Inner Border	Toggle On or Off
	Header Inner Border	Toggle On or Off
	Inner Border Color	Graphical Color Selection
	Inner Border Size	Numeric Value
Global Style	Margin Top	Numeric Value
	Font Size	Numeric Value
	Color	Graphical Color Selection
	Font Family	Dropdown Selection
Export Table	Select Format	Dropdown Selection

General #

Cell Padding: Cell padding controls the space between the element and the cell area. By default, it is set to 10.

Table Alignment: You can align the whole table on the page’s left, Center, or Right side.

Separate Columns/Rows: You can also separate the rows or columns. By default, it is set to “Off.”

Space Between Columns: Customize the spaces between columns to display cells as single blocks.

Space Between Rows: Customize the spaces between rows to display cells as single blocks.

Table Container Max Width: Control the maximum width of the table. If the maximum width is lower than the table content, then you will notice a bottom scrollbar to scroll through the data.

Table Cell Min Auto Width: Control the table cell width.

Table Container Max Height: Control the table cell height.

Background #

Header Background: You can control the header background color from here without going to Background management.

Even Row Background: This option is to control the Even Row background color.

Odd Row Background: This is used to set the background color for even rows.

Custom CSS (Pro) #

Just like the Ninja Tables advanced mode, the Drag and Drop table builder gives you the flexibility to customize tables with custom CSS.

Custom JS (Pro) #

Similarly, the Drag and Drop table builder also gives you the flexibility to further customize tables with custom JS.

Sticky (Pro) #

First Row Sticky: You can freeze the first row or make it sticky. If you have to scroll down, you can see which column contains which type of data.

First Column Sticky: You can make the first column sticky as well. This helps if the table is horizontally scrollable.

Accessibility #

Table Role: This option has 4 types of “Table Role.”

• Table
• Presentation
• List
• Row Group.

Border #

Table Border: This option enables you to show each cell with a border a boundary. By default, it is set to 2.

Border Color: You can control the color of the border here.

Apply Inner Border: By default, an Inner Border is applied to the table.

Header Inner Border: You can also control whether the Header should have an inner border.

Inner Border Color: The option to control the inner border color.

Inner Border Size: You can also set the inner border size, which is by default set to 3.

Global Style #

Margin Top: You can add an additional Top Margin to the table, which is set to 0 by default.

Margin Bottom: You can add an additional Bottom Margin to the table, which is set to 0 by default.

Font Size: The default font size setting is by default set to 15.

Color: You can also define the font color that is set to black by default.

Font Family: You can also select a Font Family for your table from the dropdown, and plenty of fonts are available.

Export Table #

One of the most important and helpful options that you can use to export your table to CSV and JSON format. The JSON format is only recognizable by Ninja Tables

Conclusion #

Customize the drag and drop table settings using all these amazing features and options.

Let us know if you have any questions.