Skip to content

To improve the filtering features and allow for filtering of budibase columns

Notifications You must be signed in to change notification settings

MaxBernstetter/bb-component-SuperTable

 
 

Repository files navigation

BB-Component-SuperTable

  • Styleable headers, rows, footers and dividers!
  • Additional actions events!
  • To be used in combination with the SuperColumn and SuperCell for fine-grain control and conditional styling.

Description

A fully customizable Table component with Superpowers!

Super Table

More on developing and using Custom plugins

Find out more about Budibase.

Usage instructions

  1. Add a Data provider
  2. Nest your Super Table
  3. Nest a Super Column for each column in your table you wish to display!

Component tree

Example: Customizing footers

Tick the Show Column Footers setting in the settings panel of the Super Table.

Show Column Footers

Next in your Super Column provide a Footer value.

Super Column footer value

In this example, the footer is showing the sum of the rows for the 'Cost' field.

TOTAL: ${{ sum (pluck Expenses Data Provider.Rows 'Cost') }}

Default footer styling is set in the Super Table. Tick the Customize setting and then alter the footer settings.

These default styles can be overridden in each Super Column if needed, in a similar way.

Custom footer style

About

To improve the filtering features and allow for filtering of budibase columns

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 54.9%
  • Svelte 45.1%