--- schema_version: "1" id: c3afbf6b1a3d66c7809f0203fb0743130276cfc8741018605e4b38c7e117be03 title: Flexcards Datatable Style Properties (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_flexcards_datatable_style_properties.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_datatable_style_properties.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: 63fdd3f4c0578f6037423d1780443c8bd2be0b76f2e71fa3ee49c63bac4809d3 description: For the managed package runtime, configure style properties specific to the Datatable element from the Style panel of the Flexcard Designer. products: - Omnistudio release: "264" --- # Flexcards Datatable Style Properties (Managed Package) For the managed package runtime, configure style properties specific to the Datatable element from the Style panel of the Flexcard Designer. ![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). To configure additional style properties common to all elements, see [Style Flexcard Elements (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_style_flexcard_elements.htm&release=264.0.0&type=5 "For the managed package runtime, configure the look and feel of a Flexcard by styling individual elements, fields inside elements, and entire states. From the Style panel in the Flexcard Designer, design backgrounds, text, and borders; adjust heights, widths, and spacing inside and between elements; apply classes and inline styles; make your element responsive; and more.").

Property

Description

Applies To

Border Width

Enter a number for the thickness of the border in pixels.

Table, Cells

Border Type

Select one or more border locations such as top, bottom, right, and left. To remove a border location, select it again from the dropdown.

Table, Cells

Border Color

Select a border color. Enter a Hex color code, such as #ff0000. Or click the colored box to select from a color picker.

Table, Cells

Background Color

Select a background color. Enter a Hex color code, such as #ff0000. Or click the colored box to select from a color picker.

Table, Cells, Table Head, Rows

Font Weight

Enter a value allowed by the font-weight CSS property, such as bold, lighter, 600, and so on.

Table Head

Font Family

Enter one or more web-safe, SLDS, or Newport Design System fonts. Supports the font-family CSS property options. For example, enter a specific font, such as Courier New; a general font, such as serif; or a fallback list, such Times New Roman, Courier New, serif.

Table Head

Text Decoration

Set the appearance of decorative lines on the text. Enter a value allowed by the text-decoration CSS property, such as underline and overline.

Table Head

Box Shadow

Add a box shadow to cells. Enter a value allowed by the box-shadow CSS property, such as 2px 4px 3px #888888.

Cells

Padding Type

Select where to add padding to your cells, such as bottom, both vertical spaces, both horizontal positions, or around the entire cell, and so on.

Cells

Padding Size

Select the size of the padding for all cells.

Cells

Margin Type

Select where to add margins to your cells, such as the bottom, both vertical spaces, both horizontal positions, around the entire cell, and so on.

Cells

Margin Size

Select the size of the margins for all cells.

Cells