Data grid 2: Select all across pages
0
Hi everyone,I’ve been wrestling with a frustrating UI/UX issue regarding Data Grid 2 and hoping to see if anyone has found a clean native solution, or if my workaround is the accepted best practice.The Scenario: I have a Data Grid 2 displaying a large dataset (e.g., 400+ rows) with pagination set to 100 rows per page. I am using custom SCSS to pin the first few columns and the header to the top/left (position: sticky).I want to allow users to perform a bulk update on all 400+ filtered rows, so I enabled the native "Select all" across pages feature in the grid's Behavior tab.The Problem: When the user clicks the master checkbox, Mendix dynamically injects a text banner (e.g., "Select all 468 rows in the data source") directly into the DOM of that tiny checkbox header cell.Because of how Mendix uses Flexbox/Grid for the headers, this long text forces the checkbox column to stretch massively horizontally. This pushes all the adjacent sticky columns (like Reference Designator, etc.) to the right, completely breaking alignment with the actual data rows below them.
asked
Zholdas Aldanbergen
2 answers
0
It must be your custom SCSS forcing this behaviour. Standard Data Grid 2 makes place for the message below the headers.
answered
Luch Klooster
0
The problem was in core source code of "Select All" checkbox. In the oldest versions of Data Widgets module it was written with little bug. To fix this, just download the latest compatible version and update all widgets in the errors tab. Then it becomes like this:
answered
Zholdas Aldanbergen