UI Bakery Docs
Sign InRoadmapRelease notes
Search…
What is UI Bakery?
Video intro (7 mins)
Glossary
Security
Getting started
Starter Guide
Create an app
Explore the interface
Read and write data
Deploy and share applications
Tutorials
Basics
Components
Actions
Variables
Data mapping & transforming
Work with data
Work with components
Field types & types recognition
Generators for CRUD operations
Data sources
Data sources
Connecting local database via ngrok
SSH Tunneling
Workspace management
Workspace settings and user permissions
Audit logs
Development history
Release Management
Environments
How Tos
Modify components with CSS
localStorage and state variable
Add navigation to application
Load user specific data with {{user.email}} variable
Read query params from URL
Use external JS libraries
Generate PDF document
CSV import
CSV export
Uploading the files
Display files from Google Drive and Dropbox
Implement advanced validation
Select multiple table rows
On-premise
UI Bakery on-premise
Updating on-premise version
Environmental variables
Powered By GitBook
CSV import

Importing a CSV file into a Table

Input type file has a special property – parsedValue. It allows you to access the CSV file content as an array of objects without uploading it to the server or parsing it separately.
Use {{ui.input.parsedValue}}.
Here're the steps to show a CSV file inside the Table:
1. Add an Input component, set its type to file.
2. Select a CSV file you need to upload.
3. Add a Table. In the Data property, reference {{ui.input.parsedValue}} as a source. Click Generate Structure.
Generating table from a CSV structure
You can also modify the Table structure, hide columns, change column types.​
Now, you can use this data in your app accessing the Component properties {{ui.input.parsedValue}} or {{ui.table.value}} or export them back to CSV.
How Tos - Previous
Generate PDF document
Next - How Tos
CSV export
Last modified 7mo ago
Copy link