Uncodie
Technical DocumentationNo CodeTutorialsChangelogDisccord
No Code
No Code
  • 🏁Getting Stared
    • 🥳Introduction
      • What is Uncodie?
      • App
      • Figma No Code Plugin
        • How to associate your Figma token to Uncodie?
        • How to associate an Uncodie project to figma?
  • 📖Basic Concepts
    • 🧩Components
      • Screen Page
        • Screen Layout
        • Screen Content
      • Table View
        • Table View Header
        • Table View Row
        • Table View Cell
      • Form
        • Text Area
        • Selector
        • Input
        • Button
        • Output
      • HTML components
        • Headers
          • H1
          • H2
          • H3
          • H4
          • H5
        • Title
        • Parragraph
        • List
        • Iframe
        • Video
        • Audio
        • Link
        • Progress
        • Meta
        • Image
        • SVG
      • Advanced
        • Chart
          • Style Personalization
        • Repeat
        • Loading
    • 🎨Appearance
      • Visibility
      • CSS
      • Adaptative Design
      • Responsive Design
    • 🏗️Prototyping
      • Modals
      • Variants
      • Navigation
    • 🔤Variables
    • 💽Data Sources
      • Collections
      • Queries
      • Scripts
    • 🔍Data Binding
    • ⚡Actions
      • Scripts
      • Events
    • 🧑User Management
      • Privacy
    • 🍪SEO and Tracking
      • Capabilities
      • HTML Head Scripts
    • ☁️Publish and Deploy
      • Custom Domains
Powered by GitBook
On this page
  • Overview
  • Setup
  • Considerations
  • Personalization

Was this helpful?

  1. Basic Concepts
  2. Components

Table View

Use tables to loop items in your data base

PreviousScreen ContentNextTable View Header

Last updated 1 year ago

Was this helpful?

Overview

You can use tables to generate content loops like this:

You can use tables automatically, prefilled with your collection content and values, or fine-tune the content to personalize the look and feel of your cells to anything you can design like this one:

Setup

  1. After creating a collection in your database go to Uncodie Plugin.

  2. Select the component you want to use as a table in Figma.

  3. Set the component type to Table.

  1. Select the collection from the list.

  2. Compile and publish your site.

Considerations

Content in your table will be replaced once compiled, you can design your complete table but fields will be overridden for your table view row.

Personalization

Optionally you can set every field to look and feel just as you need, even displaying custom components by using the Table View Cell component.

📖
🧩