---
title: "How to Make Data Tables Mobile Responsive in WordPress? (2 Methods)"
url: https://nexterwp.com/docs/make-data-tables-mobile-responsive-in-wordpress/
date: 2023-04-11
modified: 2026-06-16
author: "Aditya Sharma"
description: "One important aspect of creating mobile optimized WordPress websites is having mobile responsive tables to fit different screen sizes. With more and more users accessing websites through their mobile devices,..."
image: https://nexterwp.com/wp-content/uploads/2024/05/make-data-tables-mobile-responsive-in-wordpress-1024x519.jpg
word_count: 341
---

# How to Make Data Tables Mobile Responsive in WordPress? (2 Methods)

## Key Takeaways

- Nexter Blocks Data Table block offers two Responsive Options in Extra Settings: Swipe and One by One.
- Swipe adds a horizontal scroll bar so users can swipe to see table content on mobile screens.
- One by One restructures the table for mobile to show content one after another, and the post says it is advisable for small to medium data sets.

One important aspect of creating mobile optimized WordPress websites is having mobile responsive tables to fit different screen sizes. With more and more users accessing websites through their mobile devices, it is imperative to ensure that your website is optimized for mobile viewing. Tables that are not mobile responsive can lead to a poor user experience, as they may appear distorted or may not fit on smaller screens.

With the Data Table block from Nexter Blocks, you get two options to make your tables mobile responsive.

*To check the complete feature overview documentation of the Nexter Blocks Data Table block, [click here](/docs/data-table-block-settings-overview/).*

**Requirement** - This block is a part of Nexter Blocks. Make sure it is installed and activated.

**Best Used For:**

- WordPress sites with comparison, pricing, or feature tables that need to display correctly on phones and tablets

- eCommerce or SaaS sites using the Nexter Blocks Data Table block where mobile visitors make up a significant share of traffic

- Documentation pages with structured data that would otherwise overflow or become unreadable on smaller screens

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-data-table/)

To do this, add the block on the page, once you have added content to your table, go to the **Extra Settings** tab > **Responsive Options**.

Here, you will find two options in the section-

![](https://nexterwp.com/wp-content/uploads/2023/04/data-table-responsive-options-new.png)

- **Swipe** - This option will add a horizontal scroll bar to the table, so users can easily swipe to see the content.

- **One by One** - This option will re-structure the table for mobile to show the content one after another.

You can select any one option as per your preference.

> *Note: For small to medium data sets, the One by One Responsive option is advisable.*

Now you can make mobile responsive tables in your WordPress website.

To add sorting to your table columns, see [How to Enable Column Data Sorting in WordPress Tables](https://nexterwp.com/docs/enable-sorting-in-wordpress-tables/) in Nexter Blocks.

To add a search bar to your table, see [How to Add Search Bar to WordPress Table](https://nexterwp.com/docs/add-search-to-wordpress-table/) in Nexter Blocks.

Also, check [How to Import Data From CSV in WordPress Table](https://nexterwp.com/docs/import-data-from-csv-in-wordpress-table/).