Collapsible Data grid 2

Content Type: Widget
Categories: User Interface,Visualization

Overview

Add-on for Data grid 2 rows to generate a chevron with more data. This widget focuses on collapsible content but does not adjust column responsiveness.

Documentation

Collapsible Data grid 2

Add-on for Data grid 2 rows to generate a chevron with more data. This widget

focuses on collapsible content but does not adjust column responsiveness.

Aside from this add-on, there is also a Responsive Data grid 2 add-on widget. This widget focuses on responsiveness by hiding Data grid 2 columns when the screen is smaller. However, both widgets can be used together. Please note that currently, this setup would display two different chevrons.


Typical usage scenario

When you have a Data grid 2 that should display additional information underneath each row. This could be any (pluggable) widget.


Usage

  • Place the widget inside a custom content column of the Data grid 2.
  • Insert any pluggable widget you want that contains more wanted information. This can be for example a button, input field or a List view widget.

And that is all.


Development and contribution

  1. Install NPM package dependencies by using: npm install. If you use NPM v7.x.x, which can be checked by executing npm -v, execute: npm install --legacy-peer-deps.
  2. Run npm start to watch for code changes. On every change:
  • the widget will be bundled;
  • the bundle will be included in a dist folder in the root directory of the project;
  • the bundle will be included in the deployment and widgets folder of the Mendix test project.

Releases

Version: 1.0.1
Framework Version: 9.24.11
Release Notes: - Add hover / focus state - Update widget icons - Update design mode preview - Improve auto-close (outside collapsed area)
Version: 1.0.0
Framework Version: 9.24.11
Release Notes: Initial release