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

Merge pull request #10810 from ToolJet/docs/fix-broken-anchor-tag

Browse source 
[docs]: Fix broken anchor tags
This commit is contained in:
Johnson Cherian 2025-01-17 19:30:11 +05:30 committed by GitHub
commit 85f4729917
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
31 changed files with 108 additions and 108 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/docs/how-to/access-users-location.md
View file

@ -17,7 +17,7 @@ To uphold user privacy, the Geolocation API requests permission before locating
<img style={{ border:'0', marginBottom:'15px', borderRadius:'5px', boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.2)' }} className="screenshot-full" src="/img/how-to/access-location/newapp.png" alt="How to: Access User's Location" />
</div>
2. In the app editor, navigate to the query panel at the bottom and create a **[RunJS query](/docs/data-sources/run-js/#runjs-query-examples)** by selecting **Run JavaScript Code** as the datasource:
2. In the app editor, navigate to the query panel at the bottom and create a **[RunJS query](/docs/data-sources/run-js/#runjs-example-queries)** by selecting **Run JavaScript Code** as the datasource:
<div style={{textAlign: 'center'}}>
<img style={{ border:'0', marginBottom:'15px', borderRadius:'5px', boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.2)' }} className="screenshot-full" src="/img/how-to/access-location/runjsq.png" alt="How to: Access User's Location" />
</div>

2
docs/docs/how-to/use-custom-parameters.md
View file

@ -91,7 +91,7 @@ In this example, we will demonstrate how to use custom parameters in a query by
3. **Execute the REST API query and observe the new row created in the ToolJetDB table.**
**Note:** You can also use parameters in JavaScript queries. Learn more about [JS Query Parameter](/docs/data-sources/run-js/#js-parameters).
**Note:** You can also use parameters in JavaScript queries. Learn more about [JS Query Parameter](/docs/data-sources/run-js/#parameters-in-run-javascript-code).
<div style={{textAlign: 'center'}}>
<img style={{ border:'0', marginBottom:'15px', borderRadius:'5px', boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.2)' }} className="screenshot-full" src="/img/how-to/custom-parameters/custompara.gif" alt="How to: use custom parameters" />

2
docs/docs/marketplace/plugins/pinecone.md
View file

@ -24,7 +24,7 @@ For connecting to Pinecone, the following credential is required:
- **[List Vector IDs](#list-vector-ids)**
- **[Fetch Vectors](#fetch-vectors)**
- **[Upsert Vectors](#upsert-vectors)**
- **[Update Vector](#update-vector)**
- **[Update Vector](#update-a-vector)**
- **[Delete Vectors](#delete-vectors)**
- **[Query Vectors](#query-vectors)**

2
docs/docs/project-overview/release-notes.md
View file

@ -30,7 +30,7 @@ This document outlines the key improvements introduced in ToolJet 3.0, a major u
## ToolJet Database (TJ DB)
1. **[Custom primary key](/docs/tooljet-db/database-editor/#primary-key)** and **[foreign key support](/docs/tooljet-db/database-editor/#foreign-key)**
1. **[Custom primary key](/docs/tooljet-db/constraints/primary-key)** and **[foreign key support](/docs/tooljet-db/constraints/foreign-key)**
2. Support for more data types for advanced use cases
3. **[SQL mode](/docs/tooljet-db/querying-tooljet-db#sql-editor)** for complex querying
4. Bulk upload using CSV

2
docs/docs/tooljet-db/database-editor.md
View file

@ -32,7 +32,7 @@ To create a new table in the ToolJet Database:
| **Column name** | Enter a unique name for the column. |
| **Data type** | Select the appropriate data type for the column from the dropdown menu. For more information on available data types, see the [Supported Data Types](/docs/tooljet-db/data-types#supported-data-types) section. |
| **Default value (optional)** | Specify any default value to be assigned to the column. If left blank, the column will allow null values. |
| **Primary Key** | Check this box to designate the column as the [Primary Key](#primary-key). Multiple columns can be selected, creating a composite primary key. |
| **Primary Key** | Check this box to designate the column as the [Primary Key](/docs/tooljet-db/constraints/primary-key). Multiple columns can be selected, creating a composite primary key. |
| **NULL/NOT NULL toggle** | Use this toggle to determine whether the column should allow null values or require a value. By default, null values are permitted. |
| **Unique toggle** | Click the kebab menu and toggle the **Unique** option to add a unique constraint to the column, ensuring all values are distinct. By default, duplicate values are allowed. |
| **Foreign Key** | Click the **+ Add Relation** button to establish a foreign key relationship, linking this column to a primary key or unique constraint column(s) in another table. |

2
docs/docs/tooljet-db/tooljet-database.md
View file

@ -17,7 +17,7 @@ Requires:
- PostgREST server
- Additional configuration for ToolJet server
This feature is only enabled if [`ENABLE_TOOLJET_DB`](/docs/setup/env-vars#enable-tooljet-database--optional-) is set to `true`.
This feature is only enabled if [`ENABLE_TOOLJET_DB`](/docs/setup/env-vars#enable-tooljet-database-required) is set to `true`.
<div style={{paddingTop:'24px', paddingBottom:'24px'}}>

36
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](/docs/widgets/table/table-properties#enable-filtering)** 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](/docs/widgets/table/table-properties#show-search)** 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](/docs/widgets/table/table-properties#pagination)** and **[server-side pagination](/docs/widgets/table/serverside-operations/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/table-properties#pagination)** 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](/docs/widgets/table/table-csa-and-variables#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/table-properties#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,19 +60,19 @@ 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](/docs/widgets/table/table-properties#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.
You can utilize **[Component Specific Actions](/docs/widgets/table/table-csa-and-variables#component-specific-actions-csa)** to retrieve the table data in the mentioned formats from the event handlers across the application.
:::
### 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](/docs/widgets/table/table-columns)** 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](/docs/widgets/table/table-properties#enable-column-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](/docs/widgets/table/table-properties#row-hovered)**
- **[Row clicked](/docs/widgets/table/table-properties#row-clicked)**
- **[Save changes](/docs/widgets/table/table-properties#save-changes)**
- **[Cancel changes](/docs/widgets/table/table-properties#cancel-changes)**
- **[Page changed](/docs/widgets/table/table-properties#page-changed)**
- **[Search](/docs/widgets/table/table-properties#search)**
- **[Sort applied](/docs/widgets/table/table-properties#sort-applied)**
- **[Cell value changed](/docs/widgets/table/table-properties#cell-value-changed)**
- **[Filter changed](/docs/widgets/table/table-properties#filter-changed)**
- **[Add new rows](/docs/widgets/table/table-properties#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](/docs/widgets/table/table-properties#hide-column-selector-button)** in the Table properties.
## Make all columns editable

2
docs/versioned_docs/version-1.x.x/data-sources/appwrite.md
View file

@ -43,7 +43,7 @@ Query results can be transformed using Transformations. Read our **Transformatio
1. **[List documents](#list-documents)**
2. **[Get document](#get-document)**
3. **[Create document](#create-document)**
3. **[Create document](#add-document-to-collection)**
4. **[Update document](#update-document)**
5. **[Delete document](#delete-document)**
6. **[Bulk update using document id](#bulk-update-using-document-id)**

2
docs/versioned_docs/version-1.x.x/data-sources/bigquery.md
View file

@ -58,7 +58,7 @@ Query results can be transformed using transformations. Read our transformations
## Supported operations
- [List Datasets](#list-datatsets)
- [List Datasets](#list-datasets)
- [List Tables](#list-tables)

10
docs/versioned_docs/version-1.x.x/data-sources/google.sheets.md
View file

@ -36,11 +36,11 @@ You can create a Google Sheets data source with one of either of the two permiss
Using Google sheets data source you can perform several operations from your applications like:
1. **[Read data from a sheet](/docs/data-sources/google.sheets#read-data-from-a-sheet)**
2. **[Append data to a sheet](/docs/data-sources/google.sheets#append-data-to-a-sheet)**
3. **[Update single row of a sheet](/docs/data-sources/google.sheets#update-single-row-of-a-sheet)**
4. **[Delete row from a sheet](/docs/data-sources/google.sheets#delete-row-from-a-sheet)**
5. **[Get spreadsheet info](/docs/data-sources/google.sheets#get-spreadsheet-info)**
1. **[Read data from a sheet](#read-data-from-a-sheet)**
2. **[Append data to a sheet](#append-data-to-a-sheet)**
3. **[Update single row of a sheet](#update-single-row-of-a-sheet)**
4. **[Delete row from a sheet](#delete-row-from-a-sheet)**
5. **[Get spreadsheet info](#get-spreadsheet-info)**
### Read data from a sheet

10
docs/versioned_docs/version-1.x.x/widgets/kanban-board.md
View file

@ -17,11 +17,11 @@ Kanban widget allows you to visually organize and prioritize your tasks with a t
To add an event, click on the widget handle to open the widget properties on the right sidebar. Go to the **Events** section and click on **Add handler**.
- **[Card added](#card-added)**
- **[Card removed](#card-removed)**
- **[Card moved](#card-moved)**
- **[Card selected](#card-selected)**
- **[Card updated](#card-updated)**
- **Card added**
- **Card removed**
- **Card moved**
- **Card selected**
- **Card updated**
Just like any other event on ToolJet, you can set multiple handlers for any of the above mentioned events.

2
docs/versioned_docs/version-2.50.0-LTS/how-to/access-users-location.md
View file

@ -17,7 +17,7 @@ To uphold user privacy, the Geolocation API requests permission before locating
<img style={{ border:'0', marginBottom:'15px', borderRadius:'5px', boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.2)' }} className="screenshot-full" src="/img/how-to/access-location/newapp.png" alt="How to: Access User's Location" />
</div>
2. In the app editor, navigate to the query panel at the bottom and create a **[RunJS query](/docs/data-sources/run-js/#runjs-query-examples)** by selecting **Run JavaScript Code** as the datasource:
2. In the app editor, navigate to the query panel at the bottom and create a **[RunJS query](/docs/data-sources/run-js/#runjs-example-queries)** by selecting **Run JavaScript Code** as the datasource:
<div style={{textAlign: 'center'}}>
<img style={{ border:'0', marginBottom:'15px', borderRadius:'5px', boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.2)' }} className="screenshot-full" src="/img/how-to/access-location/runjsq.png" alt="How to: Access User's Location" />
</div>

2
docs/versioned_docs/version-2.50.0-LTS/how-to/use-custom-parameters.md
View file

@ -91,7 +91,7 @@ In this example, we will demonstrate how to use custom parameters in a query by
3. **Execute the REST API query and observe the new row created in the ToolJetDB table.**
**Note:** You can also use parameters in JavaScript queries. Learn more about [JS Query Parameter](/docs/data-sources/run-js/#js-parameters).
**Note:** You can also use parameters in JavaScript queries. Learn more about [JS Query Parameter](/docs/data-sources/run-js/#parameters-in-run-javascript-code).
<div style={{textAlign: 'center'}}>
<img style={{ border:'0', marginBottom:'15px', borderRadius:'5px', boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.2)' }} className="screenshot-full" src="/img/how-to/custom-parameters/custompara.gif" alt="How to: use custom parameters" />

4
docs/versioned_docs/version-2.50.0-LTS/setup/digitalocean.md
View file

@ -92,13 +92,13 @@ You can learn more about this feature [here](/docs/tooljet-db/tooljet-database).
Follow the steps below to deploy ToolJet Database on DigitalOcean:
1. If you are using dev database within ToolJet deployment, upgrade it to managed database. You could also add a separate database, if you intent use a different database, please refer the [environment variables](/docs/setup/env-vars#enable-tooljet-database--optional-) for additional env variables.
1. If you are using dev database within ToolJet deployment, upgrade it to managed database. You could also add a separate database, if you intent use a different database, please refer the [environment variables](/docs/setup/env-vars) for additional env variables.
2. Create a new app for PostgREST server. You can opt for docker hub to deploy PostgREST image of version `10.1.x`.
<img className="screenshot-full" src="/img/setup/digitalocean/postgrest-build.png" alt="ToolJet - Deploy on DigitalOcean - PostgREST resource" />
3. Update the [environment variables](/docs/setup/env-vars#postgrest-server-optional) for PostgREST and expose the HTTP port `3000`.
3. Update the [environment variables](/docs/setup/env-vars) for PostgREST and expose the HTTP port `3000`.
<img className="screenshot-full" src="/img/setup/digitalocean/postgrest-env.png" alt="ToolJet - Deploy on DigitalOcean - PostgREST environment variables" />

2
docs/versioned_docs/version-2.50.0-LTS/setup/ecs.md
View file

@ -133,7 +133,7 @@ Follow the steps below to deploy PostgREST on a ECS cluster.
</div>
Under environmental variable please add corresponding PostgREST env variables. You can also refer [env variable](/docs/setup/env-vars/#postgrest-server-optional).
Under environmental variable please add corresponding PostgREST env variables. You can also refer [env variable](/docs/setup/env-vars).
<div style={{textAlign: 'center'}}>

4
docs/versioned_docs/version-2.50.0-LTS/setup/google-cloud-run.md
View file

@ -113,7 +113,7 @@ To use ToolJet Database, you'd have to set up and deploy PostgREST server which
<img className="screenshot-full" src="/img/cloud-run/port-and-capacity-postgrest.png" alt="port-and-capacity-postgrest" />
</div>
5. Under environmental variable please add corresponding ToolJet database env variables. You can also refer [env variable](/docs/setup/env-vars/#enable-tooljet-database--optional-).
5. Under environmental variable please add corresponding ToolJet database env variables. You can also refer [env variable](/docs/setup/env-vars).
6. Please go to connection tab. Under Cloud SQL instance please select the PostgreSQL database which you have set-up for ToolJet application or the separate PostgreSQL database created respective to ToolJet Database from the drop-down option.
@ -131,7 +131,7 @@ Once the Service is created and live, to make the Cloud Service URL public. Ple
7. Additional Environmental variable to be added to ToolJet application or ToolJet Server connect to PostgREST server. You can also refer env variable [**here**](./env-vars/#enable-tooljet-database--optional-)
7. Additional Environmental variable to be added to ToolJet application or ToolJet Server connect to PostgREST server. You can also refer env variable [**here**](/docs/setup/env-vars)
<div style={{textAlign: 'center'}}>

2
docs/versioned_docs/version-2.50.0-LTS/tooljet-db/tooljet-database.md
View file

@ -17,7 +17,7 @@ Requires:
- PostgREST server
- Additional configuration for ToolJet server
This feature is only enabled if [`ENABLE_TOOLJET_DB`](/docs/setup/env-vars#enable-tooljet-database--optional-) is set to `true`.
This feature is only enabled if [`ENABLE_TOOLJET_DB`](/docs/setup/env-vars) is set to `true`.
<div style={{paddingTop:'24px', paddingBottom:'24px'}}>

36
docs/versioned_docs/version-2.50.0-LTS/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](/docs/widgets/table/table-properties#enable-filtering)** 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](/docs/widgets/table/table-properties#show-search)** 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](/docs/widgets/table/table-properties#pagination)** and **[server-side pagination](/docs/widgets/table/serverside-operations/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/table-properties#pagination)** 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](/docs/widgets/table/table-csa-and-variables#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/table-properties#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,19 +60,19 @@ 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](/docs/widgets/table/table-properties#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.
You can utilize **[Component Specific Actions](/docs/widgets/table/table-csa-and-variables#component-specific-actions-csa)** to retrieve the table data in the mentioned formats from the event handlers across the application.
:::
### 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](/docs/widgets/table/table-columns)** 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](/docs/widgets/table/table-properties#enable-column-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](/docs/widgets/table/table-properties#row-hovered)**
- **[Row clicked](/docs/widgets/table/table-properties#row-clicked)**
- **[Save changes](/docs/widgets/table/table-properties#save-changes)**
- **[Cancel changes](/docs/widgets/table/table-properties#cancel-changes)**
- **[Page changed](/docs/widgets/table/table-properties#page-changed)**
- **[Search](/docs/widgets/table/table-properties#search)**
- **[Sort applied](/docs/widgets/table/table-properties#sort-applied)**
- **[Cell value changed](/docs/widgets/table/table-properties#cell-value-changed)**
- **[Filter changed](/docs/widgets/table/table-properties#filter-changed)**
- **[Add new rows](/docs/widgets/table/table-properties#add-new-rows)**
### Allow Selection

2
docs/versioned_docs/version-2.50.0-LTS/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](/docs/widgets/table/table-properties#hide-column-selector-button)** in the Table properties.
## Make all columns editable

34
docs/versioned_docs/version-2.68.0/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](/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** 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/versioned_docs/version-2.68.0/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

2
docs/versioned_docs/version-3.0.0-LTS/how-to/access-users-location.md
View file

@ -17,7 +17,7 @@ To uphold user privacy, the Geolocation API requests permission before locating
<img style={{ border:'0', marginBottom:'15px', borderRadius:'5px', boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.2)' }} className="screenshot-full" src="/img/how-to/access-location/newapp.png" alt="How to: Access User's Location" />
</div>
2. In the app editor, navigate to the query panel at the bottom and create a **[RunJS query](/docs/data-sources/run-js/#runjs-query-examples)** by selecting **Run JavaScript Code** as the datasource:
2. In the app editor, navigate to the query panel at the bottom and create a **[RunJS query](/docs/data-sources/run-js/#runjs-example-queries)** by selecting **Run JavaScript Code** as the datasource:
<div style={{textAlign: 'center'}}>
<img style={{ border:'0', marginBottom:'15px', borderRadius:'5px', boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.2)' }} className="screenshot-full" src="/img/how-to/access-location/runjsq.png" alt="How to: Access User's Location" />
</div>

2
docs/versioned_docs/version-3.0.0-LTS/how-to/use-custom-parameters.md
View file

@ -91,7 +91,7 @@ In this example, we will demonstrate how to use custom parameters in a query by
3. **Execute the REST API query and observe the new row created in the ToolJetDB table.**
**Note:** You can also use parameters in JavaScript queries. Learn more about [JS Query Parameter](/docs/data-sources/run-js/#js-parameters).
**Note:** You can also use parameters in JavaScript queries. Learn more about [JS Query Parameter](/docs/data-sources/run-js/#parameters-in-run-javascript-code).
<div style={{textAlign: 'center'}}>
<img style={{ border:'0', marginBottom:'15px', borderRadius:'5px', boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.2)' }} className="screenshot-full" src="/img/how-to/custom-parameters/custompara.gif" alt="How to: use custom parameters" />

2
docs/versioned_docs/version-3.0.0-LTS/marketplace/plugins/pinecone.md
View file

@ -24,7 +24,7 @@ For connecting to Pinecone, the following credential is required:
- **[List Vector IDs](#list-vector-ids)**
- **[Fetch Vectors](#fetch-vectors)**
- **[Upsert Vectors](#upsert-vectors)**
- **[Update Vector](#update-vector)**
- **[Update Vector](#update-a-vector)**
- **[Delete Vectors](#delete-vectors)**
- **[Query Vectors](#query-vectors)**

2
docs/versioned_docs/version-3.0.0-LTS/project-overview/release-notes.md
View file

@ -30,7 +30,7 @@ This document outlines the key improvements introduced in ToolJet 3.0, a major u
## ToolJet Database (TJ DB)
1. **[Custom primary key](/docs/tooljet-db/database-editor/#primary-key)** and **[foreign key support](/docs/tooljet-db/database-editor/#foreign-key)**
1. **[Custom primary key](/docs/tooljet-db/constraints/primary-key)** and **[foreign key support](/docs/tooljet-db/constraints/foreign-key)**
2. Support for more data types for advanced use cases
3. **[SQL mode](/docs/tooljet-db/querying-tooljet-db#sql-editor)** for complex querying
4. Bulk upload using CSV

2
docs/versioned_docs/version-3.0.0-LTS/tooljet-db/database-editor.md
View file

@ -32,7 +32,7 @@ To create a new table in the ToolJet Database:
| **Column name** | Enter a unique name for the column. |
| **Data type** | Select the appropriate data type for the column from the dropdown menu. For more information on available data types, see the [Supported Data Types](/docs/tooljet-db/data-types#supported-data-types) section. |
| **Default value (optional)** | Specify any default value to be assigned to the column. If left blank, the column will allow null values. |
| **Primary Key** | Check this box to designate the column as the [Primary Key](#primary-key). Multiple columns can be selected, creating a composite primary key. |
| **Primary Key** | Check this box to designate the column as the [Primary Key](/docs/tooljet-db/constraints/primary-key). Multiple columns can be selected, creating a composite primary key. |
| **NULL/NOT NULL toggle** | Use this toggle to determine whether the column should allow null values or require a value. By default, null values are permitted. |
| **Unique toggle** | Click the kebab menu and toggle the **Unique** option to add a unique constraint to the column, ensuring all values are distinct. By default, duplicate values are allowed. |
| **Foreign Key** | Click the **+ Add Relation** button to establish a foreign key relationship, linking this column to a primary key or unique constraint column(s) in another table. |

36
docs/versioned_docs/version-3.0.0-LTS/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](/docs/widgets/table/table-properties#enable-filtering)** 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](/docs/widgets/table/table-properties#show-search)** 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](/docs/widgets/table/table-properties#pagination)** and **[server-side pagination](/docs/widgets/table/serverside-operations/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/table-properties#pagination)** 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](/docs/widgets/table/table-csa-and-variables#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/table-properties#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,19 +60,19 @@ 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](/docs/widgets/table/table-properties#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.
You can utilize **[Component Specific Actions](/docs/widgets/table/table-csa-and-variables#component-specific-actions-csa)** to retrieve the table data in the mentioned formats from the event handlers across the application.
:::
### 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](/docs/widgets/table/table-columns)** 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](/docs/widgets/table/table-properties#enable-column-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](/docs/widgets/table/table-properties#row-hovered)**
- **[Row clicked](/docs/widgets/table/table-properties#row-clicked)**
- **[Save changes](/docs/widgets/table/table-properties#save-changes)**
- **[Cancel changes](/docs/widgets/table/table-properties#cancel-changes)**
- **[Page changed](/docs/widgets/table/table-properties#page-changed)**
- **[Search](/docs/widgets/table/table-properties#search)**
- **[Sort applied](/docs/widgets/table/table-properties#sort-applied)**
- **[Cell value changed](/docs/widgets/table/table-properties#cell-value-changed)**
- **[Filter changed](/docs/widgets/table/table-properties#filter-changed)**
- **[Add new rows](/docs/widgets/table/table-properties#add-new-rows)**
### Allow Selection

2
docs/versioned_docs/version-3.0.0-LTS/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](/docs/widgets/table/table-properties#hide-column-selector-button)** in the Table properties.
## Make all columns editable

2
frontend/src/_styles/tabler.scss
View file

@ -19095,4 +19095,4 @@ img {
background: #1f2936;
border-color: #dadcde
}
}
}

2
frontend/src/_styles/theme.scss
View file

@ -13261,4 +13261,4 @@ tbody {
div.ds-svg-container svg {
padding: 2px;
}
}