--- title: "How to make Data Tables Mobile Responsive in Elementor? (2 Methods)" url: https://theplusaddons.com/docs/make-data-tables-mobile-responsive-in-elementor/ date: 2023-03-06 modified: 2026-04-12 author: "Aditya Sharma" description: "Are you looking to make your Elementor table responsive? Data tables are essential for displaying important information in an organised, easy-to-read format. If you use tables in your Elementor website,..." image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-make-Data-Tables-Mobile-Responsive-in-Elementor_-2-Methods-1024x536.jpg word_count: 382 --- # How to make Data Tables Mobile Responsive in Elementor? (2 Methods) ## Key Takeaways - The Plus Addons for Elementor Table widget offers two mobile responsive options: Swipe Responsive and One by One Responsive. - One by One Responsive is advisable for small to medium data sets when making tables mobile responsive. - Pro users can import live data from Google Sheets directly into Elementor tables, ensuring real-time accuracy. Are you looking to make your Elementor table responsive? Data tables are essential for displaying important information in an organised, easy-to-read format. If you use tables in your Elementor website, it's important to ensure they remain responsive and can be viewed across multiple devices and browsers. Unfortunately, tables generally are not responsive, but the Table widget from The Plus Addons for Elementor offers two methods to make your tables mobile responsive quickly. *To check the complete feature overview documentation of The Plus Addons for Elementor Table widget, [click here](/docs/table-elementor-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-data-table/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Make Table Mobile Responsive To do this, add the widget on the page, once you’ve added content in your table, go to the **Extra Options** tab > **Mobile Responsive**. Here you’ll find two options in the dropdown -  ![table mobile responsive](https://theplusaddons.com/wp-content/uploads/2023/03/table-mobile-responsive.png) **Swipe Responsive** - This option will add a horizontal scroll bar to the table, so users can easily swipe to see the content. **One by One Responsive** - 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. ![table mobile responsive demo](https://theplusaddons.com/wp-content/uploads/2023/03/table-mobile-responsive-demo.gif) > *Note: For small to medium data sets, the One by One Responsive option is advisable.* It is that simple to make a responsive Elementor table using the Table widget. ## Upgrade for Dynamic Table Data Integration (Pro Only) Take your table to the next level with these pro features. #### Import Live Data from Google Sheets With Pro enabled, your Elementor tables can pull data directly from Google Sheets. Every spreadsheet update is instantly reflected on your site—eliminating manual edits and ensuring real-time accuracy. #### Import CSV Data Directly into Tables Pro users can effortlessly import data from CSV files into Elementor tables. Whether you're working with product lists, pricing grids, or report data—upload once and seamlessly manage the content via CSV. #### Why Upgrade? Upgrading to **[The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)** not only unlocks **dynamic data management** capabilities, you also get 120+ widgets and advanced user control. The Plus Addons for Elementor Pro gives you everything you need to build powerful, conversion-friendly user flows—without touching code. Also, check [How to import Data from CSV in Elementor Table](https://theplusaddons.com/docs/import-data-from-csv-in-elementor-table/). ## Frequently Asked Questions **Q: What should I do if my Elementor table is not displaying correctly on mobile?** A: If your Elementor table isn't displaying correctly on mobile, ensure that you have selected one of the mobile responsive options in the Extra Options tab. The 'Swipe Responsive' option adds a horizontal scroll bar, while 'One by One Responsive' restructures the table for easier viewing. For small to medium data sets, the 'One by One Responsive' option is advisable to improve readability. **Q: Can I use The Plus Addons for Elementor to make data tables responsive on all devices?** A: The Plus Addons for Elementor provides two methods to make data tables responsive: 'Swipe Responsive' and 'One by One Responsive'. These methods ensure that your tables can be viewed across multiple devices, enhancing user experience. However, the effectiveness may vary based on the complexity and size of your data. **Q: What is the best option for making a data table mobile responsive in Elementor?** A: For making a data table mobile responsive in Elementor, the 'One by One Responsive' option is generally the best choice for small to medium data sets. This method restructures the table to display content sequentially, making it easier for users to read on mobile devices. If your data set is larger, consider using the 'Swipe Responsive' option for horizontal scrolling. **Q: How can I import data from CSV into my Elementor table?** A: To import data from CSV into your Elementor table, you need to have The Plus Addons for Elementor Pro installed. This feature allows you to seamlessly upload and manage your content via CSV files, making it easier to handle extensive data sets like product lists or pricing grids. For detailed instructions, refer to the guide on [importing data from CSV](https://theplusaddons.com/docs/import-data-from-csv-in-elementor-table/).