WP Data Access
  • Download
  • Support
  • Features
  • Pricing
  • Documentation
Select Page
Popular Search formimportsqlqueryshortcode

WP Data Access

  • Getting started
  • Installation
  • What’s new?
  • Patches
  • Known limitations
  • FAQ

Data Tables

  • Getting Started
  • Creating and publishing
  • Responsive data tables
  • SEO friendly data tables
  • Adding hyperlinks
  • Extension Manager
  • Style Manager
  • Language settings
  • Styling
    • Style Manager
    • Premium styling
    • Global styling
    • Code Manager Styling
    • Manual styling
    • Styling issues
  • Filters
    • Static filters
    • Interactive filters
      • URL parameters
      • Search Panes
      • Search Builder
      • Search form
      • Advanced search
      • Geolocation search
  • Export & other buttons
    • Export to PDF, CSV, Excel, SQL
    • Print & copy buttons
    • Column selection buttons
    • Custom buttons
  • Advanced features
    • Advanced settings
    • Large tables & performance
    • Progressively SHOW MORE
    • Custom queries
    • Custom Post Types
    • Row grouping
    • Responsive master-detail
    • Master-detail tables
    • Non admin user access
  • Demos & tutorials
    • Demos
    • Tutorials

Data Apps

  • Data Projects
  • Projects and templates
  • Supported Data Types
  • One-To-Many relationships
  • Many-To-Many relationships
  • Registration page
  • Manage table options
  • Shortcode usage
  • Project Templates
    • Project Templates
    • Creating templates
    • Table Settings
    • Relationships
    • List Table
    • Data Entry
    • Reconcile
  • Data Forms
    • Data Forms
    • Overview
    • Project Demo
    • Page Demo
  • Advanced features
    • Adding filters
    • Custom validation
    • Add less/more button
    • User roles
    • Managing roles and users
    • Advanced table options
    • Advanced lookups
    • Front-end toolbar
    • Transfer to other WP site
  • Demos & tutorials
    • Demos
    • Tutorials

Data Explorer

  • Getting started
  • Navigation
  • Explore tables & views
  • Manage tables & views
  • Naming conventions
  • Manage Actions
    • Actions
  • Manage Settings
    • Settings
    • Table Settings
    • Column Settings
    • Search Settings
    • Geolocation Settings
    • Dynamic Hyperlinks
    • Dashboard Menus
  • Data Management
    • Import CSV & SQL files
    • Run SQL script files
    • Data Backup
  • Problems & solutions
    • InnoDB #rows estimation
    • Import file too large
    • Transfer to other WP DB

Remote Databases

  • MySQL | MariaDB
  • Other DBMS
    • Heterogeneous Connections
    • Using ODBC | JDBC
    • Connect to SQL Server
  • Premium Data Services
    • Remote wizard
    • START HERE
    • Errors and messages
    • Limitations
    • Tutorials
    • Remote Databases
      • Remote databases
      • SQL Server
      • PostgreSQL
      • Oracle
      • MariaDB | MySQL
    • Remote Data Files
      • Remote data files
      • CSV files
      • JSON files
      • MS Access
      • XML files
      • Public URL
      • Synchronization
    • Advanced features
      • Performance
      • Indexes

SQL

  • Getting Started
  • Tutorials
  • Visual Query Builder
  • Writing queries
  • Data exchange
  • Stored procedures
  • Database triggers
  • Scheduled queries

Business Intelligence

  • Getting started
  • Dashboards
  • Sharing dashboards
  • Dashboards Widgets
    • Dashboard Widgets
    • Publication Widget
    • Project Widget
    • Chart Widget
    • Custom Code Widget
    • Database Widget
    • Sharing Widgets

Table Design

  • Getting started
  • Introduction
  • Basic mode

Plugin Settings

  • Getting started
  • Plugin
  • Back-end
  • Front-end
  • Dashboard
  • Data Forms
  • Data Tables
  • Data Backup
  • Uninstall
  • Manage Repository
  • Manage Roles
  • System Info

Code

  • Shortcodes
    • Overview
    • wpdataaccess
    • wpdadataproject
    • wpdadataforms
    • wpdadiehard
    • wpdageomap
    • wpdawidget
  • Plugin Variables
    • WordPress user ID in SQL
    • Environment variables
  • Hooks & filters
    • Overview
    • Hooks
      • Overview
      • wpda_add_search_actions
      • wpda_add_search_filter
      • wpda_before_list_table
      • wpda_after_list_table
      • wpda_wpdataaccess_prepare
    • Filters
      • Overview
      • wpda_column_default
      • wpda_before_simple_form
      • wpda_after_simple_form
      • wpda_construct_where_clause
  • API
    • WP Data Access API
    • Remote database access
    • CRUD Example
    • Extensions
      • Alternative search algorithm
      • Alternative buttons extension
  • Code Manager
    • Overview
    • Write code
    • Share(d) code

Responsive data tables

To make a data table responsive, just set:

  • Output = Responsive
  • Number Of Columns = 0

That’s all! See image below (click to enlarge) or watch the video tutorial.

WP Data Access – Data Tables – Responsive Publication (click to enlarge)

Inline demo #

IDGenderDate Of BirthFirstnameLastnameAddressZipcodeCityCountyCountryEmailPhone NoRegistration Date
IDGenderDate Of BirthFirstnameLastnameAddressZipcodeCityCountyCountryEmailPhone NoRegistration Date

Number of columns #

Set to 0 to use the device settings (responsive mode). If set to a higher value, the number of columns shown is fixed (regardless of the device type) but enabled the modal and expansion features.

Popup window #

Select Type = Modal if you want row details to be shown in a popup. Use the Popup Title column to add a title to your popup window.

Collapsed #

With Type = Collapsed row details are shown inline.

Expanded #

Same as Collapsed but starting in expanded mode.

Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on 2023-02-24
Creating and publishingSEO friendly data tables

5 Comments

  1. Zerzer
    Zerzer on 2020-10-11 at 2:26 pm

    Hi,

    Thank you for the plugin, it has been very useful.
    I Had a question, would it be possible to add a button within the pop up window that would link to another page containing additional information on the row data?

    Thank you in advance for your time and answer.

    Reply
    • Peter Schulz
      Peter Schulz on 2020-10-12 at 1:15 pm

      Hi Zerzer,

      Yes that is possible!
      – Add a dynamic hyperlink (add your button code to the dynamic hyperlink html)
      – Add the dynamic hyperlink to your publication
      – Set output type of your publication to “responsive” and hyperlinks to modal to “always” or “if not listed”

      Please visit the following page to learn how to add a dynamic hyperlink:
      https://wpdataaccess.com/docs/data-explorer-settings/dynamic-hyperlinks/

      Hope this helps,
      Peter

      Reply
      • Zerzer
        Zerzer on 2020-10-13 at 2:49 pm

        Hey Peter,

        Thank you very much this was very useful indeed. Sorry to disturb you again but if I want in this other page to show the data of this single row, I have to add some code right?

        Thank you for your help,

        Kind regards,
        Zerzer

        Reply
        • Zerzer
          Zerzer on 2020-10-13 at 7:08 pm

          Thanks again for your help Peter, I managed to code what I wished with your other plugin, Code Manager.

          Have a good night,

          ZZ

          Reply
          • Peter Schulz
            Peter Schulz on 2020-10-14 at 7:46 am

            Great! 🙂

            Reply

Submit a Comment Cancel reply

Your email address will not be published. Required fields are marked *

Table of Contents
  • Inline demo
  • Number of columns
  • Popup window
  • Collapsed
  • Expanded

Links

Blogs
Tutorials
Demos

Socials

LinkedIn
Twitter

Get in touch

Premium support
Free support forum
Contact us

Resources

WordPress plugin directory
YouTube tutorials

Passionate Programmers B.V. © 2017 - 2023 All rights reserved

IMPORTANT message for free users with version 5.3.9 installed

WP Data Access version 5.3.9 is not seeing new updates in the plugin page. The latest version is currently 5.3.15.

To download the latest update, please follow these steps:

    • Deactivate and delete version 5.3.9. This will NOT delete your data, but if you’re worried, you can also simply deactivate version 5.3.9, and then rename the plugin folder temporarily via FTP.
    • Download the lastest version of WP Data Access from the WordPress plugin directory (click the Download button)
    • Login to your WordPress dashboard
    • Navigate to Plugins > Add New > Upload Plugin
    • Select the zip file for 5.3.15, and then click Install Now.
    • Activate the new version (and delete the old version 5.3.9).

 

Feel free to message us if you encounter any problems during the update.

 

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok