---
title: Show Fluent Forms Entries in Frontend using Ninja Tables
description: "Fluent Forms integrates with [Ninja Tables](http://Ninjatables.com), a table plugin that allows you to display **Fluent** **Forms’** submission **Entries** on the frontend. This article will guide you through integrating **Ninja Table** with**Fluent Forms**.  ## Installing & Activating Ninja Tables > Before…"
url: "https://fluentforms.com/docs/show-fluent-forms-entries-in-frontend-using-ninja-tables/"
updated: "2025-06-03"
category: Miscellaneous
---

# Show Fluent Forms Entries in Frontend using Ninja Tables

Fluent Forms integrates with [Ninja Tables](http://Ninjatables.com), a table plugin that allows you to display **Fluent** **Forms’** submission **Entries** on the frontend. This article will guide you through integrating **Ninja Table** with**Fluent Forms**. 

## Installing & Activating Ninja Tables

> Before starting the process, ensure you install and activate the **Ninja Table**plugin on your **WordPress** site.

First, go to **Plugins** in the **WordPress Admin Panel** on the left side, click **Add New Plugin**, search for the **Ninja Table**plugin using the **Search Plugins** option on the right, and the plugin will appear.

Now, click the **Install** button, and your**Ninja Table** plugin will be installed on your site.

![3. Install Ninja Table scaled 50722](https://fluentforms.com/wp-content/uploads/2025/03/3.-Install-Ninja-Table-scaled.webp)

Then, click the **Activate** button, and the Ninja Table plugin will be activated and ready to function.

![4. Activate Ninja Table scaled 50722](https://fluentforms.com/wp-content/uploads/2025/03/4.-Activate-Ninja-Table-scaled.webp)

## Configuring Fluent Forms into Ninja Tables

Now it’s time to configure a desired form in a table to showcase its entries on the frontend.

First, go to **Tables** from **Ninja Tables Left Sidebar** or **All Tables** from **Ninja Tables Navbar,** and click the **Add Table**button in the top right corner. 

![5. Add Table scaled 50722](https://fluentforms.com/wp-content/uploads/2025/03/5.-Add-Table-scaled.webp)

Open the **Connect Fluent Forms** option from the left menu of the pop-up page and get the configuration option.

Now, provide a **Title** for the table you are creating. Then select the preferred Fluent Forms' **Form** you want to configure with this table using the **Arrow Icon**.  

> If you do not have any existing forms, read the [Create a Form from Scratch](https://fluentforms.com/docs/how-to-create-a-form-with-fluent-forms/) or [Create a Form using Templates](https://fluentforms.com/docs/using-and-customizing-pre-built-quick-forms-in-fluent-forms/) documentation to create a new one. Plus to learn more details about **Form Entries**, read this [Documentation](https://fluentforms.com/docs/general-docs/form-entries/). 

![6. Connect Fluent Forms Select desired form scaled 50722](https://fluentforms.com/wp-content/uploads/2025/03/6.-Connect-Fluent-Forms-Select-desired-form-scaled.webp)

### Select Form’s Entry Fields

After selecting the form, all fields of that form will appear, where you can choose which field/s you want to showcase in your table by clicking the Checkboxes.

To select all entry fields at once, click the checkbox placed just before the **Select Entry Fields**.

You can also set the number of **Maximum** **Entries** you want to display using the **Max** **Records** field. Plus, you can select the**Entry Type** based on the form’s**Status**.

Once you are done, click the **Save**button, and your table will be created.

![7. Save the form 50722](https://fluentforms.com/wp-content/uploads/2025/03/7.-Save-the-form.webp)

### Edit Table Settings

Here, you can see that all the submission data from the chosen form has been displayed, and all the selected **Entry Fields** are shown as **Table** **Columns**.

You can **edit your table settings** by clicking the Arrow Icon on the top right side if needed.

![8. Form entries in Ninja Table scaled 50722](https://fluentforms.com/wp-content/uploads/2025/03/8.-Form-entries-in-Ninja-Table-scaled.webp)

Now, you’ll see a new “**Show current submission only at frontend**” option. **Enable** this option if you want to display only the most recent form submission entries on the frontend.

Always click the **Update** button after making any changes to the settings to save them.

![9. Edit Table Settings scaled 50722](https://fluentforms.com/wp-content/uploads/2025/03/9.-Edit-Table-Settings-scaled.webp)

## Embedding the Table into the Frontend

Now, to embed or display the table into the frontend, copy your table’s **Shortcode** from the top.

![10. Copy shortcode scaled 50722](https://fluentforms.com/wp-content/uploads/2025/03/10.-Copy-shortcode-scaled.webp)

Then, **paste** the shortcode into the desired **Page/Post** where you want to display the table.   

![11. Paste Shortcode scaled 50722](https://fluentforms.com/wp-content/uploads/2025/03/11.-Paste-Shortcode-scaled.webp)

## Preview of Integrated Table 

Here is the preview of the added **Table** where the**Form**was integrated.

![12. preview of Form Entries in a Page using Ninja Table 50722](https://fluentforms.com/wp-content/uploads/2025/03/12.-preview-of-Form-Entries-in-a-Page-using-Ninja-Table.webp)

This is how you can Show Entries on the Frontend with Ninja Tables!
If you have any further questions, concerns, or suggestions, please do not hesitate to contact our [@support team](https://wpmanageninja.com/support-tickets/?utm_source=wpmn&utm_medium=home&utm_campaign=site#/). Thank you.
