Card Table

Description:

Card Table

Card Table component used to represent tabular data in a card form.

Allowed Parent Components:

1. Card Body

2. Col

3. Drop Target Wrapper

4. Grid Child

5. Horizontal Section

6. Page

7. Scroll Layout

8. Vertical Section

Allowed Child Components:

1. Card Table Column

2. Pulse

3. Row Selection Column

4. Trigger Before Render

5. Trigger On No Data Action Button Click

6. Trigger On Row Click

7. TriggerOnRowDoubleClick

Properties

➤ Hide Headers

Check this to hide headers.

Allowed Values: Yes/No

➤ Fixed Rows

Check this if you want to disable infinite scrolling. Query will be fired only once and not query will be fired on scrolling

Allowed Values: Yes/No

➤ Window Scroller

Check this to enable scroll of card table component based on the window's scroll positions.

Allowed Values: Yes/No

➤ Height

Allowed Values: Any number value

➤ Row Height

Provide numerical value to set row height. By default row heigth is sett to 80px.

Allowed Values: Any number value

➤ Highlight On Hover

Check this to highlight the row when the mouse hovers on the row.

Allowed Values: Yes/No

➤ Strip Rows

Check this to add zebra-striping to the rows within the table

Allowed Values: Yes/No

➤ Space Between Rows

Provide numerical value to set space between rows.

Allowed Values: Any number value

➤ Row Class Name Expression

Allowed Values: An expression which should return string after evaluation

➤ Hide No Data Placeholder

Check this to hide the data displayed when no data found.

Allowed Values: Yes/No

➤ No Data Icon

Select an icon to display when no data found.

Allowed Values: Icon List

➤ No Data Text1

Provide a text to display as title when no data found.

Allowed Values: Free text field

➤ No Data Text2

Provide a text to display as sub title when no data found.

Allowed Values: Free text field

➤ Icon

Select an icon for button when no data found.

Allowed Values: Icon List

➤ Text

Provide a text for button when no data found.

Allowed Values: Free text field

➤ onClick

Select or enter the action need to be performed on button click.

Allowed Values: Controller Function

➤ Color

Select a color or enter the custom class to change the color of the button.

Allowed Values: Select a color or enter the custom class to change the color of the button.

➤ Use Existing Data Source

Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.

Allowed Values: Yes/No

➤ Data Source

Select a datasource from the list.

Allowed Values: Select a datasource from the list.

➤ Data Source Alias

Allowed Values: Free text field

➤ Default Where Clause

Allowed Values: Free text field

➤ Max Rows

Allowed Values: Any number value

➤ Order By Clause

e.g. #firstAttr#, #secondAttr# DESC

Allowed Values: Free text field

➤ Auto Query

Check this property to query the selected datasource on component render.

Allowed Values: Yes/No

➤ Execute Count SQL

Check this to execute count SQL to get the total number of rows in the database on a query. You can get this value by using the expression: #{DataStore.totalLength}

Allowed Values: Yes/No

➤ Execute Distinct SQL

Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.

Allowed Values: Yes/No

➤ Insert Allowed

Allowed Values: Yes/No

➤ Update Allowed

Allowed Values: Yes/No

➤ Delete Allowed

Check to enable deleting the existing row.

Allowed Values: Yes/No

➤ Mask Page On Post

Check to enable page masking on save.

Allowed Values: Yes/No

➤ Do Not Monitor Query Request

Check to disable monitoring query request.

Allowed Values: Yes/No

➤ Silent Server Validate

Check to enable silent server validate.

Allowed Values: Yes/No

➤ Silent Fetch

Check to enable silent fetching.

Allowed Values: Yes/No

➤ Make New Records Dirty

Check this property to make new record dirty. If this property is checked the status of the new record will be 'Insert' else it will be 'New'

Allowed Values: Yes/No

➤ On Row Click

Allowed Values: Controller Function