How-Tos

How to use tables

In this video, you will learn how to use tables in Centrldesk.

In this video, you will learn how to use tables in Centrldesk.

Tables are important elements in graphical user interfaces to show data clearly in a structure and context. In this example, we will create a table on a page and configure it. So let's start building our application:


Steps:

  1. First we go to the page editor by clicking on the Edit Page button.
  2. Add a table using drag and drop.
  3. Select the table by clicking on it.
  4. On the right side we can now see all the configuration options of the table.
  5. Under General we can select the Selection Mode.
  6. With Disable, no row in the table can be selected in the application.
  7. "Single" means that only one line can be selected at a time and "Multiple" means that several lines can be selected at the same time.
  8. Under "Columns" we can configure the columns of the table.
  9. With the function "Add Column" we can add new columns, by clicking on the red trash can icon we can delete columns.
  10. With the value Label we change the heading of the respective column.
  11. At Type we can define what should be displayed within the column. Here we currently have "Label", "Image", "Button" and "File Download" to choose from.
  12. In this example we change the values of the column headers to "First name", "Last name" and "Position".
  13. Using drag and drop on the left side we can change the order of the columns.
  14. Under Data, the data to be displayed in the table is configured.
  15. We explain in another video how to bind data to the table.
  16. Close the Page Editor by clicking close in the upper left corner.
  17. Now we can see our created table in our application.

Similar posts

Subscribe to our newsletter

Stay up to date on upcoming news and topics of creating web apps without code.