Dragtable logo

Dragtable

Published April 2020
   •    Updated this month

Plugin details

Turn a repeating group into a draggable table.  Resize, rearrange & save table layout.  Powerful, flexible, feature-rich, Dragtable is an essential plugin to save development time & add substantial flexibility in your UI.  Users & developers benefit. Ideal for SaaS and many other types of applications. Features include:
BENEFITS:
- Provide substantial flexibility to users to customize their repeating group results. Acts like a 'missing feature' to bubble.
- Substantially less time thinking about/designing/building repeating group UIs.
- Non-restrictive & familiar design.  (works just like a repeating group)
- Powerful dynamic expressions. Use "Current Cell's Value" for advanced, repeating-group-only search queries.
- Other repeating-group-only features like 'lazy loading'  page results navigation & more .


FEATURES:
- Drag to move & reorder columns
- Resize column widths
- Save & recall modified table arrangements to the database
- Column sorting
- Lock specific columns from modification
- Advanced styling options built-in and more via CSS

HOW IT WORKS
Dragtable works through placing page elements both on the page and inside a standard repeating group.


DEMO APP:
https://dragtable.bubbleapps.io/dragtable

Dragtable for bubble is based on a custom JS software library built from the ground up to work with bubble platform.  Not compatible with legacy browsers and Internet Explorer

$59

One time  •  Or  $8/mo

stars   •   0 ratings
24 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Dble logo
Dble
Joined 2018   •   16 Plugins
View contributor profile

Instructions

DEMO APP: https://dragtable.bubbleapps.io/
SETUP VIDEO: https://www.youtube.com/watch?v=AYVA131R65w


There are three components required for Dragtable

1 - Dragtable Row
This is an element that is placed inside the repeating group. The configuration of the plugin happens here such as: column settings, styling, etc.

2- Dragtable Parent
This is placed outside the repeating group on the page. The integration with bubble happens here such as exposed states, workflow triggers.   Place one parent element per dratable repeating group.

3- Repeating Group
A standard bubble repeating group

BASIC
- Place a repeating group and configure with a unique element ID
- Configure the Dragtable Row & Parent elements with the same ID of your repeating group
- Configure the 'update in' field of the row element with the 'update out' value of the parent element
- configure all output states workflows using the parent element

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Data (things)   •   Productivity   •   Containers   •   Ecommerce   •   Small Business   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble