Finsweet Table

HTML semantic <table> elements

Finsweet Table uses real HTML tags, such as <table>, <tr>, <th>, <td>, <caption>, and more. Visually customize your table with semantic captions, headers, and footers. Finsweet Table is accessible by default with full keyboard and screen reader support.

Import data by copy-paste or CSV upload

Copy and paste tabular data from any spreadsheet application directly to Finsweet Table. We’ll read the copied text and import the data to Webflow. Alternatively you can upload a CSV file with the table data.

Add and edit data directly in Webflow

Once you’ve inserted the table in Webflow, you can add and edit data directly in the Webflow Designer canvas. Edit your table like you would edit any other native Webflow element.

Set classes to table elements to style the table

For full table design control inside Webflow, add CSS classes to rows, headers, footers, cells, and more. Save time and effort by automatically applying custom classes to each cell of the table. Add styles to the classes natively through the Webflow Styles panel.

In-app visual table preview

As you configure your table, view changes in the table visual, data, and output. When you’re ready with your configuration, insert the table into Webflow.

‍