Advanced Datatable – Enabling CSV uploads & dynamic data visualization in data tables Advanced Datatable – Enabling CSV uploads & dynamic data visualization in data tables

Advanced Datatable – Enabling CSV uploads & dynamic data visualization in data tables

Created by: flippercode

Rating:
Downloaded: 89 times

Advanced Datatable is a Gutenberg block plugin that enables site administrators to upload a csv file in the backend & display its csv data into a beautiful datatable powered by searching, sorting, pagination and more. The data table can be customized according to needs from the provided block properties.

Features List

👉 Display CSV data: Easily import CSV file and display data with DataTables.
👉 Configurable Settings: Sortin, searching and paginations are configurable settings from backend. Site admin can enable and disable it from block settings.
👉 Responsive Design: Datatable looks great on both desktop and mobile devices.
👉 Sorting: Allow users to sort columns in ascending or descending order.
👉 Searching: Enable search functionality to filter data based on user input.
👉 Pagination: Display numeric pagination for easier navigation.
👉 Manageable Width & Height: Admin can set width and height in percent or fixed px values.
👉 Stickly Table Header: Keep the header row of the table fixed while scrolling through data.
👉 Column Size: Adjust the width of columns to suit your data presentation.
👉 Customisable Table UI: Table background color, text color, hover effects and other design settings can be applied from block settings. Single and multiple colors can be applied to the table.
👉 Seperate settings for table header and table rows.
👉 Customisable and scalable block plugin.

Screenshots

  • Advanced Datatable can be found under Widgets category when you click on plus icon to add Gutenberg block on the page.
  • Once Advanced Datatable is selected from widgets section, it will display a message to upload a csv file. As soon as csv file is uploaded, a beautiful datatable will be presented to the admin with the provided csv data.
  • You can change / update the configurable settings of datatable as per your requirements.
  • You can change / update the UI settings of datatable as per your requirements.
  • Output of the Advanced Datatable block plugin on frontend using WordPress's default Twenty Twenty-Four theme.
  • Single color table output of the Advanced Datatable block plugin on frontend using WordPress's default Twenty Twenty-Four theme.
  • Multi color table output of the Advanced Datatable block plugin on frontend using WordPress's default Twenty Twenty-Four theme.

Categories

Get New Themes & Resources