--- 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-08-18 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/). ## Frequently Asked Questions **Q: Why do WordPress data tables break on mobile screens?** A: Tables that are built for desktop often get distorted or overflow on smaller screens, which makes them hard to read on phones and tablets. That is the exact problem Nexter Blocks is trying to solve with its Data Table block. For comparison, pricing, feature, and documentation tables, mobile responsiveness matters because unreadable rows usually turn into a bad user experience fast. **Q: What is the best way to make a WordPress table mobile responsive for small data sets?** A: The One by One responsive option is the better fit for small to medium data sets. It restructures the table for mobile so the content appears one after another instead of staying in a wide grid. That layout is easier to scan on narrow screens, especially when the table has only a limited amount of structured data. **Q: Should I use swipe or one by one for a mobile table?** A: Swipe works best when you want users to move horizontally through a wider table, because it adds a horizontal scroll bar. One by One is better when readability matters more than preserving the desktop layout, since it turns the table into stacked content on mobile. Nexter Blocks gives both options in Extra Settings > Responsive Options, so the choice depends on how much data you need to show. **Q: What do I need before using the WordPress data table responsive options?** A: The Data Table block has to be part of Nexter Blocks, and it needs to be installed and activated first. Once that is in place, you add the block to the page and then work from Extra Settings > Responsive Options. That matters because the responsive controls are tied to this block, not to a generic WordPress table. **Q: Is Nexter Blocks Data Table a good fit for pricing or comparison tables on mobile?** A: Pricing and comparison tables are one of the clearest use cases for this block because they often need to stay readable on phones and tablets. Nexter Blocks says it is best used for WordPress sites with comparison, pricing, or feature tables that need to display correctly on smaller screens. It also fits eCommerce or SaaS sites where mobile visitors make up a significant share of traffic. **Q: How do I keep a mobile table readable without making it too wide?** A: For small to medium data sets, One by One is the safer choice because it avoids forcing users to swipe through a wide layout. That makes structured content easier to read on mobile, especially for documentation pages where overflow becomes unreadable fast. If you need more control over table behavior later, Nexter Blocks also links out to sorting, search, and CSV import options like [How to Enable Column Data Sorting in WordPress Tables](https://nexterwp.com/docs/enable-sorting-in-wordpress-tables/).