Custom Styling Data Table Columns & Rows

Scenario: Set the display style of the entire column or row in a Data Table and based upon the value of a particular field. We will customise the Data Table for the following:

• Department Budget column to be displayed in pink color
• Zip column to be in blue when the value is 90028 (row.zip=='90028')
• Row to be displayed as warning when the value is New York (row.city=='New York')

The following style classes have been defined from the Style tab:

.pink { background-color: #F8E0E0; } .blue { background-color: #CEF6F5; } .green { background-color: #D8F6CE; }

Data Table Use Cases

• 1. Basic Table Usage
• 2. How to customise table actions
• 3. How to represent data table columns using widgets
• 4. How to format data table column
• 5. How to apply styles (generic and conditional) to data table
• 6. How to view master-detail record using a data table
• 7. How to add master-detail record using a data table
• 8. How to export data using a data table
• 9. How to create a dynamic data table
• 10. How to bind column of a data table to query variable