Sample Apps
- Widgets
- Datasources
- Framework
- JavaScript
Table
Show Data in Table - Query
This app shows you how to bind data to a Table Widget from an API and a database query.
Datasource - MongoDB
Datasource - MongoDB
Show Data in Table - JSObject
This app shows how to bind data to a Table Widget from a JSObject.
Datasource - NA
Datasource - NA
Server-side Pagination
This app shows how to implement server-side pagination on the Table widget.
Datasource - MongoDB, REST API, PostgreSQL, Google Sheets
Datasource - MongoDB, REST API, PostgreSQL, Google Sheets
Server-side Search
This app shows how to implement server-side search on the Table widget.
Datasource - PostgreSQL
Datasource - PostgreSQL
External Filters for Table
This app shows how to create an external filter for your table data.
Datasource - MongoDB, PostgreSQL
Datasource - MongoDB, PostgreSQL
Row Selection Action
This app shows how to trigger an action on the row selection of the Table widget.
Datasource - PostgreSQL
Datasource - PostgreSQL
Cell Background Colour
This app shows how to change a table cell background colour conditionally.
Datasource - MongoDB
Datasource - MongoDB
Editable Table - Save Row
This app shows how to use the Table widget's inline editing feature to make changes directly in the table.
Datasource - PostgreSQL
Datasource - PostgreSQL
Show Data from Multiple Queries
This app shows how to conditionally show data in the table from different queries depending on the queryParams passed to URL.
Datasource - PostgreSQL, MongoDB
Datasource - PostgreSQL, MongoDB
Polling Data in real time
This app shows how to use the interval functions to update data in a table periodically.
Datasource - PostgreSQL
Datasource - PostgreSQL
External Search
This app shows how to implement external search capability in a Table widget.
Datasource - MongoDB
Datasource - MongoDB
Control Column Visibility
This app shows how to show or hide columns of a table widget programmatically by clicking a button.
Datasource - PostgreSQL
Datasource - PostgreSQL
Reset Table
This app shows how to reset the Table widget using the resetWidget() function of the Appsmith Framework.
Datasource - PostgreSQL
Datasource - PostgreSQL
Input
Input Data Validation
This app shows how to validate the form’s data for various input widget types before submission.
Datasource - NA
Datasource - NA
Add Input Fields Dynamically
This app shows how to insert input fields with a button click dynamically.
Datasource - NA
Datasource - NA
Button
Control Widget Visibility
This app demonstrates how to show or hide a widget on a button click.
Datasource - NA
Datasource - NA
Reset Multiple Widgets
This app shows how to reset multiple widgets with the click of a button.
Datasource - NA
Datasource - NA
Change Button Colour
This app shows how to enable users to change the colour of a button dynamically.
Datasource - PostgreSQL
Datasource - PostgreSQL
Text
Change Widget properties
This app shows how to update the value property of the Text widget dynamically.
Datasource - PostgreSQL
Datasource - PostgreSQL
Download contents of Text widget
This app shows how to download the contents of a Text widget as a .txt file at the click of a button.
Datasource - NA
Datasource - NA
Form
Duplicate Record Check
This app demonstrates how to validate a form only if the entered record isn't present in the database.
Datasource - PostgreSQL
Datasource - PostgreSQL