Skip to content

typo fix: table2 instead of tables2 #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
DanShockley wants to merge 2 commits into
base: master
Choose a base branch
from
Open

typo fix: table2 instead of tables2 #8

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
db54b95
Update 4.3-displaying-data-in-tables-page-builder-and-element-config.md
DanShockley Jan 29, 2026
b867c27
Merge pull request #1 from DanShockley/DanShockley-fix-tables2-typo
DanShockley Jan 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 13 additions & 13 deletions ...nding-your-app/4.3-displaying-data-in-tables-page-builder-and-element-config.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ BetterForms provides powerful options for displaying tabular data, from simple l
* Good for data input scenarios
* Limited sorting and filtering

### 2. **Data Tables (`tables2`)**
### 2. **Data Tables (`table2`)**

* Advanced data display with sorting, filtering, pagination
* Read-only data presentation
Expand Down Expand Up @@ -154,7 +154,7 @@ Your page's data model should include an array for the list data:
}
```

## Data Tables (`tables2`) Implementation
## Data Tables (`table2`) Implementation

### Where to Add Data Tables in the IDE

Expand All @@ -167,7 +167,7 @@ Your page's data model should include an array for the list data:

```json
{
"type": "tables2",
"type": "table2",
"label": "Customer List",
"model": "customers",
"styleClasses": "col-md-12",
Expand Down Expand Up @@ -210,7 +210,7 @@ Your page's data model should include an array of objects:

```json
{
"type": "tables2",
"type": "table2",
"label": "Order Management",
"model": "orders",
"styleClasses": "col-md-12",
Expand Down Expand Up @@ -251,7 +251,7 @@ Your page's data model should include an array of objects:

```json
{
"type": "tables2",
"type": "table2",
"label": "Customer List",
"model": "customers",
"styleClasses": "col-md-12",
Expand All @@ -271,7 +271,7 @@ Your page's data model should include an array of objects:

```json
{
"type": "tables2",
"type": "table2",
"label": "Customer List",
"model": "customers",
"styleClasses": "col-md-12",
Expand Down Expand Up @@ -300,7 +300,7 @@ let customerName = customer.firstName + ' ' + customer.lastName;

```json
{
"type": "tables2",
"type": "table2",
"label": "Product Catalog",
"model": "products",
"columns": ["name", "price", "inventory", "status", "actions"],
Expand Down Expand Up @@ -331,7 +331,7 @@ Display additional details when a row is expanded:

```json
{
"type": "tables2",
"type": "table2",
"label": "Order List",
"model": "orders",
"columns": ["orderNumber", "customer", "total", "status"],
Expand Down Expand Up @@ -369,7 +369,7 @@ End If

```json
{
"type": "tables2",
"type": "table2",
"label": "Customer List",
"model": "customers",
"columns": ["firstName", "lastName", "email", "actions"],
Expand All @@ -388,7 +388,7 @@ End If

```json
{
"type": "tables2",
"type": "table2",
"model": "products",
"columns": ["name", "category", "price"],
"options": {
Expand All @@ -408,7 +408,7 @@ For numeric sorting of text fields:

```json
{
"type": "tables2",
"type": "table2",
"model": "products",
"columns": ["name", "price", "date"],
"options": {
Expand Down Expand Up @@ -439,7 +439,7 @@ For numeric sorting of text fields:

```json
{
"type": "tables2",
"type": "table2",
"model": "largeDataset",
"columns": ["id", "name", "status"],
"options": {
Expand All @@ -461,7 +461,7 @@ For numeric sorting of text fields:
### 1. **Choose the Right Component**

* Use `listrows` for data entry
* Use `tables2` for data display
* Use `table2` for data display
* Consider user workflow needs

### 2. **Optimize User Experience**
Expand Down