Overview

The Smart Advanced Data Grid is a powerful and flexible table widget for Mendix web applications, designed to handle enterprise-level data visualization needs. It enhances standard Mendix tables by providing advanced interactivity, customization, and performance features, enabling developers to build rich, user-friendly data grids with minimal effort.

Documentation

Advanced Smart Table Grid

Overview

The Smart Advanced Data Grid is a powerful and flexible table widget for Mendix web applications, designed to handle enterprise-level data visualization needs. It enhances standard Mendix tables by providing advanced interactivity, customization, and performance features, enabling developers to build rich, user-friendly data grids with minimal effort.

Key Features

Data Interaction

• • Sorting – Sort columns dynamically (ascending/descending)
  • Filtering & Search – Column-level filtering with quick search
  • Pagination – Built-in pagination with customizable page size
  • Custom Page Size – Define number of rows per page

UI/UX Enhancements

• • Resizable Columns – Adjust column widths dynamically
  • Sticky Columns – Pin up to 4 columns for better navigation
  • Dynamic Column Visibility – Show/hide columns using header selector
  • Custom Header Icons & Images – Enhance headers visually

Styling & Customization

• • Header Text Color Customization
  • Header Background Color Customization
  • Column Width Configuration
  • Pixels (px)
  • Percentage (%)

Data Export

• • Export to Excel
  • One-click export of visible table data

Configuration Guide

Data Source

• • Select entity (e.g., Customer)
  • Supports:
  • Database
  • Microflow (optional future enhancement)

Columns Setup

Define columns using:

• • Attribute selection (e.g., CustomerId, Name, Sentiment)
  • Header text customization
  • Optional:
  • Header icon/image
  • Width settings
  • Sorting & filtering toggle

Behavior Settings

• • Page Size (default: 5)
  • Enable/Disable Pagination
  • Sorting & Filtering toggles per column

Appearance Settings

• • Column width type:
  • px / %
  • Sticky Columns:
  • Range: 0–4
  • Header styling:
  • Text color
  • Background color

Example Use Case

Customer Dashboard

• • Display customer list
  • Filter by sentiment
  • Sort by name or ID
  • Export filtered data to Excel
  • Pin ID column for easy navigation

Benefits

• • Improves data readability and UX
  • Reduces need for custom JavaScript
  • Enterprise-ready grid capabilities
  • Highly configurable without coding
  • Boosts productivity for Mendix developers

Compatibility

• • Mendix Version: 10.24.2+
  • Platform: Web Applications
  • Responsive: Yes