Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Image RemovedImage RemovedImage RemovedImage AddedImage AddedImage Added

1. Model

  • Models are used to display content in the layout

  • A Model needs to be added when you perform any action in an event

  • 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 e. g. Multiple record deletion

Image RemovedImage RemovedImage RemovedImage RemovedImage AddedImage AddedImage AddedImage Added

3. Show Index

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

Image RemovedImage Added

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

Image RemovedImage Added

8. No Icon

  • The checkbox used to hide the icon of the table

Image RemovedImage Added

9. Title

  • You can give the Title of the table

  • The title is a short description provided to the table

Image RemovedImage Added

10. Sub-Title

  • You can give the Sub Title of the table

  • Generally, it appears above the Title

Image RemovedImage Added

11. Hide Search

  • Checkbox used to hide the search box of a table

Image RemovedImage RemovedImage AddedImage Added

12. Hide Page Size

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

Image RemovedImage RemovedImage AddedImage Added

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

Image RemovedImage RemovedImage AddedImage Added

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

Image RemovedImage RemovedImage AddedImage Added

15. Hide Row Action

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

Image RemovedImage RemovedImage RemovedImage RemovedImage AddedImage AddedImage AddedImage Added

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

Image RemovedImage Added

17. Default Page Size

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

Image RemovedImage Added

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

Image RemovedImage RemovedImage AddedImage Added

20. Table Actions

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

Image RemovedImage RemovedImage AddedImage Added
  • Click on save, the table action will be visible

Image RemovedImage Added
  • 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

Image RemovedImage RemovedImage AddedImage Added
  • Click on save, the row action will be visible

Image RemovedImage RemovedImage AddedImage Added
  • For row actions, you need to create a workflow, refer to this link 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