Versions Compared

Key

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

Overview

  • A table Table is a data structure that organizes information into rows and & columns. it

  • 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. it contains values for multiple fields, which are defined by columns. because rows contain data from multiple columns, in databases, each table row may be considered a record.Table that contains the records of an object

  • A column is a vertical group of values within a table. it contains values from a single field in multiple rows.

  • To create form:

Navigate to → Setup → Business → Layouts → Select the object.

...

Exploration:

Header Row

...

A table header is a row at the top of a table used to label each column.

Rows

...

The horizontal arrangements of the number are called rows.

Pagination

...

Pagination is a simple navigation method that lets you split a huge amount of content within your tables into smaller parts.

Row checkbox

...

When a row checkbox is selected, the row should display the background color.

Sort button

...

To help users sort information, columns can be displayed sorted by default. to indicate which column is sorted by default, place a downward or upward arrow icon next to the column header’s name.

  • ↓ : The downward arrow shows that the column is sorted in descending order.

  • ↑ : The downward arrow shows that the column is sorted in ascending order.

Container

...

Reset column width

...

It is used to resize column width.

Filters

...

To display a subset of the items in a table, define filter rules that show only the items in which you are interested. filtering does not refresh the table, therefore you are filtering only the items currently listed in the table.

Icon

...

  • 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

  • All the models will be displayed in the list that you have created using an object, you can choose the specific 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

    • Create New Model: You can either choose the model from the list or you can create the new model by clicking on “Create New Model“ Option for your table

2. Hide Selection

  • By checking the hide selection checkbox, you can hide the selection box of records in Table

...

3. Show Index

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

...

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 the mouse 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

  • It is a 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 Picker

  • Icon picker is used to add the icon to the table

  • Multiple icons are available which you can select for your table

  • You can also remove the added icon

8. Icon

  • You can set the icon on the Table title

...

9. No Icon

  • It is a checkbox used to hide the icon of the Table

...

10. Title

  • You can give the Title of the Table

  • The title is a short description provided to the Table

...

11. Sub-Title

  • You can give the Sub-Title of the Table

  • Generally, it appears above the Title

...

12. Hide Search

  • Checkbox used to hide the search box of a Table

...

13. Hide Page Size

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

...

14. 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

...

15. 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

...

16. Hide Row Action

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

...

17. 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

...

18. Default Page Size

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

...

19. Key Field

20. Show Page Size Drop Down Up

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

...

21. Table Actions

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

  • e.g. New, Refresh

...

  • Click on save, the table action will be visible

...

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

22. Overflow After

  • Overflow After attribute is used to display the actions in list format after reaching its entered limit

  • By Default the value is 3 which means the three actions will displayed on a section header

  • If you added the new action despite having 3 actions then the new action will appear in the drop down list section

    Image Added

23. Row Actions

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

  • e.g. Edit, Delete

...

  • Click on save, the row action will be visible

...

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

24. Column Actions

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

  • e.g. Redirect, Push Modal

25. Is Export Supported?

  • It is a checkbox used to export the records in a Table

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

  • When Is Export Supported checkbox is checked, the Export symbol will be visible in the right corner of the Table component

  • When both ‘Is Export Supported?’ and ‘Is Local Export?’ checkboxes are checked, then only records will be exported

...

Include Page
Common configurations for components at the layout
Common configurations for components at the layout