GridSelectionColumn

wise-grasshopper · March 1, 2024, 3:49pm

Is there a way to use a GridSelectionColumn in AutoGrid? If not, is there a workaround using a customColumn?

soroosh.2 · April 19, 2024, 8:25am

Hi,

The following issue discussing the problem around this:

github.com/vaadin/hilla

Hilla-react Auto Grid with GridSelectionColumn

opened 08:44AM - 07 Apr 24 UTC

cvmabilin

bug hilla Severity: Major Impact: Low

Good day, I would like to know how can we use the GridSelectionColumn on Auto G…rid feature? I have tried the following and the column (main checkbox) is not rendered. *** used in customColumn *** <img width="270" alt="Screenshot 2024-04-07 at 4 39 00 PM" src="https://github.com/vaadin/hilla/assets/48003778/565bdc75-7034-4ebf-a96c-e0a55420359a"> *** output screen *** <img width="870" alt="Screenshot 2024-04-07 at 4 40 30 PM" src="https://github.com/vaadin/hilla/assets/48003778/7f28997f-7a36-49de-b46e-a388440a5cd4"> Thank you. ### Expected-behavior I think the output should be the same as the Grid Component. Please let me know if I am missing some procedure. ### Reproduction Here is my AutoGrid code: <AutoGrid className="m-l" service={AdminOrderServiceCallable} model={AdminOrderDtoModel} ref={autoGridRef} visibleColumns={ [ "selection", "createdBy", "category", "service", "link", "quantity", "rate", "status", "createdAt", "action" ] } columnOptions={{ createdAt: { renderer: readColumnItem } }} customColumns={[ <GridSelectionColumn key="selection" />, <GridColumn key="action" renderer={({ item }: {item: AdminOrderDto}) => <TableActionComponent/>} header={t("page.table.actions")} autoWidth />, ]} /> ### System Info Java version: 17 Hilla version: 2.5.6

I suggested the following PR to resolve this, however, it’s still a draft:

github.com/vaadin/hilla

feat: add `selectionColumn` property to AutoGrid

vaadin:main ← vaadin:taefi/auto-grid-selection-col

opened 08:10AM - 08 Apr 24 UTC

taefi

+16 -3

## Description This will add `selectionColumn` property to AutoGrid, and when i…t's present it will add `GridSelectionColumn` before the first column (and after the `rowNumber` column if it's also present). Fixes #2301 ## Type of change - [ ] Bugfix - [ ] Feature ## Checklist - [ ] I have read the contribution guide: https://vaadin.com/docs/latest/guide/contributing/overview/ - [ ] I have added a description following the guideline. - [ ] The issue is created in the corresponding repository and I have referenced it. - [ ] I have added tests to ensure my change is effective and works as intended. - [ ] New and existing tests are passing locally with my change. - [ ] I have performed self-review and corrected misspellings. #### Additional for `Feature` type of change - [ ] Enhancement / new feature was discussed in a corresponding GitHub issue and Acceptance Criteria were created.