---
title: "Getting Started With the DataTables Layout"
date: 2026-04-23
author: "GravityKit"
link: "https://www.gravitykit.com/docs/gravityview-pro/datatables/how-to-install-the-datatables-layout/"
---

In this article, we’ll show you how to get set up with the DataTables Layout.

### Prefer to Watch the Video?

https://www.youtube.com/watch?v=dg-x-FQ6KNI 

## Installing the DataTables Layout

You can install the DataTables Layout from inside WordPress. First, hover over "GravityKit" and click "Manage Your Kit".

![GravityKit menu in the WordPress admin sidebar with Manage Your Kit highlighted](https://www.gravitykit.com/wp-content/uploads/2026/07/gravitykit-menu-manage-your-kit.png)
*Then find "DataTables" under "Layouts" (the search at the top of the plugins list helps) and click "Install"*![Manage Your Kit plugins list filtered to DataTables with an arrow pointing at the Install button](https://www.gravitykit.com/wp-content/uploads/2026/07/gravitykit-install-datatables.png)
*You can now start creating Views using the DataTables Layout!*

## Creating a View Using the DataTables Layout

Hover over *GravityKit* and click *New View*. Next, give your View a name and select a data source. Now, under “Choose a View Type”, select “DataTables Table”.

![Select "DataTables Table" for dynamic table display option](https://www.gravitykit.com/wp-content/uploads/2025/10/file-ueUAlqbpMK.png)
*You can now begin adding fields to your View using the drag-and-drop View editor*![Entries Fields section with "Add Field" button for adding table columns](https://www.gravitykit.com/wp-content/uploads/2025/10/file-4C1HRaQCEW.png)After configuring your View, scroll down to the View Settings and click on the *DataTables* tab. There you'll find a range of options for customizing your table on the front end, including the ability to enable [Auto-Update](https://www.gravitykit.com/docs/gravityview-pro/datatables/enable-auto-update-datatables-setting/)
*and add [buttons](https://www.gravitykit.com/docs/gravityview-pro/datatables/datatables-buttons/) for exporting data*![Image from Article: Getting Started With the DataTables Layout](https://www.gravitykit.com/wp-content/uploads/2025/10/file-XxOPSUEl5y.png)
*That's it!*