1. Home
  2. Docs
  3. Datalentor for Elementor
  4. Detail Document
  5. DL Data Table settings

DL Data Table settings

You can set all the widget settings of the DL Data Table.

Step 1. Go to Pages » Add Page » Edit with Elementor

Step 2. Search widget DL Data Table

Step 3. To Set the DL Data Table widget on your page.

Step 4. Drag and Drop the widget on your page.

Step 5. Now, set all the settings as per your preferences.

Step 6. Click on the “Update” button at the bottom of the page and enjoy the DL Data Table
Widget.

 

 

Content Settings – DL Data Table

 

1. Header

To add a Table Header for Data Table.

 

  • Column Name: To set the Column Name for Table Header
  • Column Span: To set the Column Span for Table Header
  • Enable Header Icon: To Switch a Header Icon Enable or disable.
  • Header Icon Type: To select a Header Icon for Table Header.
  • Icon: To set the Icon for Table Header.
  • List Icon: To set the Icon for List.
2. Content

To add a Table Content for Data Table.

  • New Row: To switch the Content in column or row.
  • Col Span: To set the Col Span for Data Table content.
  • Row Span: To set the Row Span for Data Table content.
  • Content Type: To select a Content Type for Data Table content.
  • Cell Text: To set Cell Text for Data Table content.
  • Link: To set redirection link for Data Table content.
  • CSS Class: To add CSS Class for Data Table content.
  • CSS ID: To add CSS ID for Data Table content.
3. content-button

To add content-button.

  • Content Type-Button: To set the button for Data Table content.
  • Button Text: To set the Button Text for Data Table content.
  • Button Link: To set the Link for Data Table content.
  • Button Alignment: To set the alignment of button.
  • Button Text Color: To select the text color of button using the color picker.
  • Button Background Color: To select the Background color of button using the color picker.
  • Button Border: To set the Button Border Type.
  • Button Border Radius: To set the Button border Radius.
  • Button Border Width: To set the border width Button.
  • Button Border Color: To select the color of border using the color picker.
  • Button Text Hover Color: To select the color of text on Hover using the color picker.
  • Button Hover Background Color: To select the Background color on Hover using the color picker.
  • Button Hover Border Color: To select the Border color on Hover using the color picker.
  • Button Padding: To set the Border Padding for button.
  • Button Icon Type: To select an icon or image for button.
  • Button Icon: To select an icon for button.
  • Button Text Decoration: To set the text decoration for button.
  • Button Text Transform: To select the transormation of button text.
  • Button Font Weight: To set the weight of text.
  • Button Id: To set ID for button.

Style Settings – DL Data Table

 

1. General Style

To set Genetal style settings for DL Data Table.

  • Width: To set the width of DL Data Table.
  • Alignment: To set the alignment of DL Data Table.
2. Header Style

To set the Header style settings for DL Data Table.

 

  • Header Border Radius: To set the Border Radius of header row.
  • Padding: To set the padding for heading.
  • Button Toggle: To set the Button Toggle Normal or Hover.
  • Color: To select the Heading Color using the color picker.
  • Background Color: To select the Background Color of heading using the color picker.
  • Border Type: To set the table Border Type.
  • Typography: To set the Heading Typography of table.
  • Title Alignment: To set the alignment of heading.
3. Content Style

To set the Content style settings for DL Data Table.

 

  • Button Toggle: To set the Button Toggle Normal or Hover.
  • Color ( Odd Row ): To set the Color of Odd row content using the color picker.
  • Background ( Odd Row ): To set the Background color of Odd row content using the color picker.
  • Color ( Even Row ): To set the Color of Even row content using the color picker.
  • Background ( Even Row ): To set the Background color of Even row content using the color picker.
  • Typography: To set the Content Typography of table.
  • Content Alignment: To set the alignment of content.

How can we help?