Table

Overview

• A Table is a data structure that organizes information into rows & columns

• It can be used to both store and display data in a structured format

• A row is a horizontal group of values within a Table that contains the records of an object

• A column is a vertical group of values within a Table that contains the fields names of an object

• There are many important features supported in a Table:

  • You can give Table actions, Row Actions, Column Actions

  • You can resize the columns

  • You can sort the columns in ascending or descending order

  • You can perform Inline Editing

Attributes

1. Model

• Models are used to display content in the layout

• You need to create a multi-record model for a Table component, refer to this Models

2. Hide Selection

• By checking the hide selection checkbox, you can hide the selection box of a particular row

• It helps to perform bulk action on records eg. Multiple record deletion

3. Show Index

• This is a checkbox used to show the index value in front of the records

4. Inline Edit

• Inline edit helps to edit the value of a field, without needing to navigate to a record

• When you check Inline Edit, a pencil icon appears when you hover over the cells in that column, by using the icon you can edit it in a place

5. Hide Sorting

• It is a checkbox used to sort the records in ascending or descending order

• If the checkbox is checked record sorting can be performed

• If the checkbox is unchecked records will be displayed in a sequence as they were created

6. Hide Resizable

• Checkbox used to resize the width of columns in the table

• If the checkbox is checked the column width can not be changed

7. Icon

• You can set the icon on the table title

8. No Icon

• The checkbox used to hide the icon of the table

9. Title

• You can give the Title of the table

• The title is a short description provided to the table

10. Sub-Title

• You can give the Sub Title of the table

• Generally, it appears above the Title

11. Hide Search

• Checkbox used to hide the search box of a table

12. Hide Page Size

• It is a checkbox used to hide the page size dropdown

13. No Header

• Checkbox used to hide the header part of a table

• The header includes, Title, Sub Title, Table Actions, Search Box, Reset Column Width, Filter

14. No Footer

• The checkbox is used to hide the footer

• The Footer includes Page Size Drop Down, Page navigation buttons

• Page Size Drop Down is on the Left side

• Page navigation buttons are on the right side

15. Hide Row Action

• You can hide the row actions on the table by checking the checkbox

16. Page Size Options

• You can set the page size of the Table

• You can select multiple sizes from the list

• Available sizes are 20, 50, 100 & 200

17. Default Page Size

• You can set the default page size from the available set

18. Key Field

19. Show Page Size Drop Down Up

• The checkbox is used to display the dropdown list of page sizes above the drop-down

20. Table Actions

• You can add the table actions by clicking on the '+' icon

• Click on save, the table action will be visible

• For table actions, you need to create a workflow, refer to this link Workflows

21. Row Actions

• You can add the row actions by clicking on the '+' icon

• Click on save, the row action will be visible

• For row actions, you need to create a workflow, refer to this Workflows

22. Column Actions

• You can add the column actions by clicking on the '+' icon

23. Is Export Supported?

• Records in a Table can be exported

• All the records can be exported in CSV, excel, or pdf format