UI Bakery Docs
Sign In
Search…
UI Bakery Docs
What is UI Bakery?
Concepts
Tutorials
Security
Starter Guide
Getting Started
Create an app
Explore the interface
Read and write data
Manage users and permissions
Basics
Components
Actions
Variables
Data mapping & transforming
Field types & types recognition
Data sources
Data sources
Connecting local database via ngrok
UI Bakery On-Premise
How Tos
Work with data
Work with components
Use action.trigger ()
Implement advanced validation
Use external JS libraries
Generate PDF document
Display files from Google Drive and Dropbox
Select multiple Table rows
CSV import
CSV export
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.
Input type 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
Select multiple Table rows
Next - How Tos
CSV export
Last modified 2d ago
Copy link