View Categories

How to Create a DataTable view of WPForms Entries in Frontend

1 min read

DataTable view lets you do real time sorting of rows and navigation between pages. You also get the option to copy, export ( csv, excel, pdf) and print the entries directly from the view.

Note: DataTable is only available in the Developer License of WPForm Views 

Steps to Create DataTable View of WPForms Entries #

Go to WPForms Views -> Add new from your WordPress dashboard.

WPForms Views — WordPress

Set a title for your view.

Select the form for which you want to create a DataTable view.

Select DataTable under View Type.


datatable fomat

Under the ‘Before Entry List’ section you can add Pagination, Pagination Info, HTML, Search and DataTable Buttons fields. DataTable Buttons field lets you add options to copy, export or print the entries.

datatable btns

The Entry List Fields section can have form fields for which you want to show entry data in the frontend.

wpforms views entry fields

– The After Entry List has all the field options as present in the Before Entry List section.

Next, Under View Settings, you will also get a DataTable Settings tab. Settings like making the DataTable responsive, PDF orientation and PDF page size for export entries can be configured here.

make datatable responsive

Click on the Save button to save your View.

save wpforms views

How to Display DataTable View of WPForms Entries in Frontend #

– Copy the shortcode for the DataTable view you created and add it to a post/page where you want to display it.

wpforms views copy shortcode

If you also want to let users edit entries from the front end, you can check our step-by-step guide for entry editing.

Here is a more detailed guide about WPForms Entries