The Table widget renders collection items as columns in a dense, scannable list — ideal for inventories, directories, and admin-style views. Visitors can search, filter, open a Quick view, go to an item page, or checkout when payments are enabled.
The app binds data to this widget (and the other CMS for Harmony displays) — not to native Harmony Text, Image, or Button elements. For card grids, use Repeater.
Use case examples
- Inventory — SKUs, stock, and prices in columns; filter by category; Quick view for details.
- Team directory — Sortable rows with role and department; link to a Dynamic Page profile.
- Listings index — Dense comparison table with Add to cart / Buy now action columns (Pro).
Configure a Table
Build with AI: Open AI setup at the top of the panel and describe columns, filters, and design — then refine in Manual. Details: AI setup.
- Add Table from Add → Elements → Installed Apps → CMS for Harmony (you can add it more than once).
- Select the widget → open Settings.
- In Content, connect a data source and choose columns.
- Optionally configure Quick view, Dynamic page, Payments, Search & filters, Data refresh, Access (Pro), Layout & Formatting, Design, and Mobile.
- Publish the site.
Content
Where: Manual overview → Content drill row
Where: Settings → Content
- Set Data source to Wix CMS or External Database (see External databases).
- Pick a Collection or external connection.
- Under Columns to display, check the fields that should appear as columns.
- Set Rows per page. When more rows exist, pagination appears.
- Optionally turn on Scroll to top on page change.
- Choose Sort by and Sort order.
Quick view, Dynamic page links, and catalog payments require a Wix CMS collection.
Quick view
Where: Settings → Quick view (Wix CMS only)
Full reference: Quick view.
- Turn on Enable quick view.
- Choose Quick view fields.
- Set Open trigger: row click, button column, and/or trigger column.
- Adjust size, layout, and optional item navigation.
Dynamic page
Where: Settings → Dynamic page (Wix CMS only)
Send visitors from a row to that item’s URL on the Dynamic Page template. Overview: Dynamic pages.
- Turn on Link to item page.
- Set Link style to whole row or a text-link column (Link column).
- Match Page path and Page link field to the Dynamic Page setup.
- Choose Open in: Same tab or New tab.
Payments
Where: Settings → Payments (Pro)
Show Add to cart / Buy now as action columns when the collection has catalog payments enabled.
- Connect a Wix CMS collection in Content.
- If needed, use Enable payments.
- Turn on Show payment actions and choose actions under Actions.
Access
Where: Settings → Access (Pro)
Restrict who sees table rows or the whole table on the live site — signed-in members or selected Pricing Plans. Customize the blocked message, fonts, colors, and an optional sign-in or link button. See Content access.
Search & filters
Where: Manual overview → Search, filters, & sort drill row
Where: Settings → Search & filters
Full reference: Search & filters.
Turn on Show search bar, optional Show filters button, set Filters display (Top / Side), optionally Add as URL query params, then Add field filters (including Dependent filter and Color swatches).
Data refresh
Where: Settings → Data refresh
Full reference: Data refresh.
Turn on Show refresh button and/or Auto-refresh. A Form on the same page with Update displays on this page can also reload this widget after submit when it uses the same collection.
Layout & Formatting
Where: Manual overview → Layout & formatting drill row
Where: Settings → Layout & Formatting
Set per-column width (Auto or fixed) and display formats. Shared field options (Address, Color, Video, references, empty states): Field formatting.
Design
Where: Settings → Design
Set Background, Header background, Border, and Header / Row / UI text styles (site fonts).
Mobile
Where: Settings → Mobile
- Set On small screens behavior for narrow viewports.
- Set the Breakpoint (320–1200 px) where the mobile layout kicks in.