View Categories

Data Table Overview

3 min read

The DiviFlash data table module for Divi enhances your data presentation with advanced table features. You can upload or import your data table from multiple sources and design each item of the table based on your preferences.

Content

Table Content

  1. Table Type: Choose the source of the table you want to upload or import. You get five different options-
  • CSV Upload: Upload a CSV file from your device. 
  • Import Table: Manually paste CSV data onto the code editor.
  • Google Sheets: Upload a spreadsheet from Google Sheets using the Google API key and sheet ID. You can select the sheet range and enable or disable the Cache Remove option.  
  • Database Table: Make a table from the existing databases of your website.
  • Tablepress: Select the tables made by the Tablepress WordPress plugin.

Table Options

Enable or disable certain features like search, pagination, order, etc. for the table.

Background

Add a background color, gradient, image, video, etc. to the entire module.

Admin Label

Change the module name or label if required.

Design

Table

Background and border options for the table.

Head

Background, typography, and border options for the table header.

Body

Background, typography, and border options for the table’s body. You get separate background options for the even nd odd rows.

Search

Background, typography and border options for the search bar. You have to enable the search bar to use these options.

Info

Background, typography, and border options for the information displayed about the table at the top and bottom. Enable “Info” to use these options.

Pagination

  1. Pagination Button: Add a background color or a gradient to the pagination buttons.
  2. Active Button: Add a background color or a gradient to the active pagination button.
  3. Dot Size: Adjust the size of the pagination dots.
  4. Dot Color: Pick a color for the pagination dots.

The rest of the options are for customizing the typography and border of the pagination. 

Font Styles

Typography options for the search input text, active pagination button and the disabled pagination button.

Image

Size and border options for all the images in the table.

Icon

Color, size and border options for all the icons in the table.

Link

Typography, background, spacing and border options for the link texts in the table.

No Match

Typography options for the text result shown after a failed search.

Border Style

Enable or disable different borders of the table.

Custom Spacing

Add margins and paddings to the components of the table separately.

Sizing

Adjust the width, height, and alignment of the entire module.

Spacing

Add custom margin and padding to the entire module’s container.

Border

Border customization options for the whole module’s container. You have the option to style each border individually or all the borders together.

Box Shadow

Add a shadow effect to the entire module.

Transform

Make changes to the scale and position of the module.

Animation

Apply a reveal animation effect to the table and customize the delay, duration, repeat, etc. of the animation.

Advanced

The default tab for all Divi modules to add custom CSS code, conditions, visibilities, etc.  

Do You Still Have Questions?

If you still have questions, then contact our support team at support@diviflash.com

Submit a Comment

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