A Beginner’s Guide to Ninja Tables Drag and Drop Builder

Ninja Tables Drag and Drop Table Plugin | Beginner's Guide

A perfectly organized and smart-looking website is hard to find. Displaying data in a table makes things much easier for the audience. With a WordPress drag and drop table plugin, your website can look the most organized.

And we bring Ninja Tables for that. Create tables in no time with the drag-and-drop table element function. It’s like a table builder in a table builder!

How to use Ninja Tables drag and drop table feature

The recent update tweaked and fixed many previous features of this table plugin. However, adding the “Drag & Drop” module was a game-changer!

Creating advanced and stylish tables with the feature-packed plugin was already a massive deal. But users can now also create simple tables by dragging or repositioning table cell elements.

First of all, install and activate Ninja Tables on your WordPress dashboard.

P.S.- “Drag and Drop” is available in the free version (Some cell elements are pro)

You can create a drag and drop table by picking any of the following options.

Manually create a table with drag & drop

Create a drag and drop data table
Create a drag-and-drop data table

Step 1: Click the “+/-” buttons or type the desired numbers to add rows and columns

Step 2: Click “Create”

Step 3: Pick and drag any table element to drop on the table

You can drop multiple elements in one cell.

dynamic table cell celements
Add multiple cell elements

Import CSV/JSON

import a file into Ninja Tables
Import CSV file

This feature is amazing because you can edit any table with the drag-and-drop options when you import its CSV/JSON file.

  • Drop the imported file to upload
  • Paste the URL of the table you want to import (Pro)

If you have a WooCommerce product table made with advanced Ninja Tables features, you can import the table here and customize it with the star rating element or buttons.

star rating in WordPress table
Add star rating in table

Edit prebuilt table templates

Finally, here’s the fun part!

No need to break a sweat to build tables from scratch. Ninja Tables drag and drop gives you four prebuilt templates you can customize per your requirement.

premade WordPress table templates
Prebuilt table templates
  • Pricing Tables
  • Comparison Tables
  • Employee Tables
  • Schedule Tables

The tables are made with dummy data. You can change everything, including row/column numbers, cells, colors, etc.

Ninja Tables pricing table
Prebuilt pricing table by Ninja Tables

Customization features of Ninja Tables drag & drop table

When you enter the drag and drop editor, you’ll find three primary tabs-

Other than these, two buttons sit on top of the table-

Elements

drag table elements
Drag and drop elements
General table elementsAdvanced table elements
TextStyled list
ButtonRibbon
IconProgress
RatingText icon
List
HTML
Shortcode
Image

Settings

Ninja Tables settings basic mode
Drag and drop settings
General
  • Cell padding
  • Text alignment
  • Separate columns/rows
  • Height/width
Background
  • Header
  • Even row
  • Odd row
Sticky
  • First row
  • First column
Accessibility (Table role)
  • Table
  • Presentation
  • List
  • Row group
Border
  • Table border size
  • Border color
  • Inner border
  • Inner border color/size
Global Style
  • Margin top
  • Font size
  • Font color
  • Font family
Export Table
  • CSV
  • JSON

Responsiveness

Ninja Tables responsive
GeneralEnable responsive table
Mode optionsFor mobile, tablet, & desktop
Top row as header
Static top row

Manage cells

Click on a cell to get cell-specific options.

Hold the “Shift” button on your keyboard and select multiple cells to merge them together. Do the same to split cells.

merge table cells
Manage table cells

The selected cell will be highlighted for you to manage anything about it.

Background

This is a quick-designing way, so you don’t need to go to settings and change colors.

designing Ninja Tables
Color customizing tables

Ninja Tables features (Quick overview)

As we’ve mentioned, the “drag-and-drop” feature is available in free and pro versions of Ninja Tables. It’s an extra table creation mode and contains some exclusive features of its own. For example, star rating, progress, list items, etc.

Get a quick overview of all the features below.

FeaturesProFree
Unlimited datacheckcheck
Multimediacheckremove
WooCommerce product tablecheckremove
Google Sheets Auto-synccheckremove
Drag & drop table buildercheckcheck
Fluent Forms integrationcheckcheck
Custom color schemecheckremove
Import-exportcheckcheck
Conditional formattingcheckremove
Transform valuecheckremove
WP postscheckremove
Pre-built templatescheckcheck
Custom filtercheckremove
Select Field, Lightbox, & Button/Linkcheckremove
Chartscheckcheck

Powered by Ninja Tables

And there’s more to this plugin if you know your way around it.

Check out the docs or learn the different ways to create a table online.

Finishing Notes

Ninja Tables is already a fully customizable and feature-packed table plugin. And “Drag and Drop” is a bonus addition to the menu. This entire plugin gives you maximum flexibility and customizing options to create smart and responsive tables in no time!

With or without this drag-and-drop function, Ninja Tables is the best WordPress table plugin out there! But this new addition definitely makes it more irresistible.

Drag and drop table elements to create smart online tables and stop worrying about big data arrangement.

Ninja Tables– Easiest Table Plugin in WordPress

Similar Posts

4 Comments

Leave a Reply

Your email address will not be published.