Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 00:48:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

Fix broken anchor in Next

Browse source
This commit is contained in:
Pratik Agrawal 2024-09-23 15:44:00 +05:30
parent c7efaa9a77
commit b87292d352
2 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
docs/docs/widgets/table.md
View file

@ -25,11 +25,11 @@ The table data can be filtered using the Filter data option on its top-left. You
- **less than**
- **less than or equal to**
You also have the option to **[hide the filter button](/docs/widgets/table#show-filter-button)** in the table properties.
You also have the option to **hide the filter button** in the table properties.
### Search
At the top-right corner of the table component, there is a search box that allows users to input keywords and search for rows within the table data. You can also **[show/hide the search box](/docs/widgets/table#show-search-box)** from the table from the table properties.
At the top-right corner of the table component, there is a search box that allows users to input keywords and search for rows within the table data. You can also **show/hide the search box** from the table from the table properties.
:::tip
You can use the `Tab` key to navigate through cells on the table.
@ -37,11 +37,11 @@ You can use the `Tab` key to navigate through cells on the table.
### Pagination
The table component supports both **[client-side pagination](/docs/widgets/table#client-side-pagination)** and **[server-side pagination](/docs/widgets/table#server-side-pagination)**. The `<<` and `>>` button skips to the first and last page respectively. The `<` and `>` button takes the user to the previous and next page respectively. You can also **[hide the pagination buttons](/docs/widgets/table#show-pagination-buttons)** in the table properties.
The table component supports both **[client-side pagination](#client-side-pagination)** and **[server-side pagination](#server-side-pagination)**. The `<<` and `>>` button skips to the first and last page respectively. The `<` and `>` button takes the user to the previous and next page respectively. You can also **hide the pagination buttons** in the table properties.
### Add New Rows
Upon clicking this button, a popup modal will show, providing users with the ability to insert new rows. Initially, the modal will contain a single row, with columns mirroring those found in the table. If users input data into this row, it will be stored within the **[`newRows` variable](/docs/widgets/table#exposed-variables)** associated with the table. Clicking on the **Discard** button will clear the data within this variable. However, if the users close the popup without any action (neither saving nor discarding), the data will persist, accompanied by a green indicator on the **Add new row** button. The table incorporates an **[Add new rows event handler](/docs//widgets/table#add-new-rows)**, which can be employed to execute queries that store the data into the data source upon clicking the **Save** button.
Upon clicking this button, a popup modal will show, providing users with the ability to insert new rows. Initially, the modal will contain a single row, with columns mirroring those found in the table. If users input data into this row, it will be stored within the **[`newRows` variable](#exposed-variables)** associated with the table. Clicking on the **Discard** button will clear the data within this variable. However, if the users close the popup without any action (neither saving nor discarding), the data will persist, accompanied by a green indicator on the **Add new row** button. The table incorporates an **[Add new rows event handler](#add-new-rows)**, which can be employed to execute queries that store the data into the data source upon clicking the **Save** button.
:::info
At present, it is not possible to include columns of type Image when adding a new row to the table.
@ -60,7 +60,7 @@ The name of the downloaded file will be in the following format: <br/>
`Tablename_DD-MM-YYYY_HH-mm.filetype` <br/><br/>
Example: <i>Customers_25-03-2022_16-10.csv</i>
You have the option to **[hide the download button](/docs/widgets/table#show-download-button)** in the table properties.
You have the option to **[hide the download button](#show-download-button)** in the table properties.
:::tip
You can utilize **[Component Specific Actions](#component-specific-actions-csa)** to retrieve the table data in the mentioned formats from the event handlers across the application.
@ -68,11 +68,11 @@ You can utilize **[Component Specific Actions](#component-specific-actions-csa)*
### Hide Columns
You can choose which columns to show or hide in the table using this option. You also have the option to **[hide the column selector button](/docs/widgets/table#show-column-selector-button)** in the table properties.
You can choose which columns to show or hide in the table using this option. You also have the option to **hide the column selector button** in the table properties.
### Sorting
You can sort the table data in ascending or descending order by clicking on the column header. You can also **[disable the sorting](/docs/widgets/table#disable-sorting)** from the table properties.
You can sort the table data in ascending or descending order by clicking on the column header. You can also **disable the sorting** from the table properties.
## Table Data
@ -405,16 +405,16 @@ If the data of a cell is changed, "save changes" button will be shown at the bot
## Events
- **[Row hovered](#row-hovered)**
- **[Row clicked](#row-clicked)**
- **[Save changes](#save-changes)**
- **[Cancel changes](#cancel-changes)**
- **[Page changed](#page-changed)**
- **[Search](#search)**
- **[Sort applied](#sort-applied)**
- **[Cell value changed](#cell-value-changed)**
- **[Filter changed](#filter-changed)**
- **[Add new rows](#add-new-rows)**
- **Row hovered**
- **Row clicked**
- **Save changes**
- **Cancel changes**
- **Page changed**
- **Search**
- **Sort applied**
- **Cell value changed**
- **Filter changed**
- **Add new rows**
### Allow Selection

2
docs/docs/widgets/table/columns.md
View file

@ -464,7 +464,7 @@ On hovering on a column, you can see a delete icon on the right which can be use
### Hide columns
You can choose which columns to show or hide in the Table using this option. You also have the option to **[hide the column selector button](/docs/widgets/table#show-column-selector-button)** in the Table properties.
You can choose which columns to show or hide in the Table using this option. You also have the option to **hide the column selector button** in the Table properties.
## Make all columns editable