Hide Component Based on 'No Records' in Table

Overview

This plugin dynamically hides components in your Tadabase app's edit forms based on the presence of 'no records' in a table. It sets the display property to 'none' when the 'records' data is undefined or has a length of zero, improving visual presentation and user experience. Another version of this plugin allows you to show/hide components based on specific field values.

Use Cases

• This plugin is ideal for scenarios where you want to conditionally display or hide form components based on data availability or specific field values. For example, you might hide advanced settings if no records exist or show additional options based on a user's selection.

Installing the plugin

Prerequisites:

1. The page must have a table component
2. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this table, this can be a parent or child page. 
2. Click on the Plugins
3. Find the Hide Component Based on 'No Records' in Table plugin
4. Select the table

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.