Skip to content
This repository was archived by the owner on Jun 28, 2026. It is now read-only.
This repository was archived by the owner on Jun 28, 2026. It is now read-only.

DataTable - Frozen rows + CellSelection:"single" - when selecting a cell, two are highlighted #8277

Description

@xmNuc

Describe the bug

DataTable - Frozen rows + CellSelection:"single" when we click and selecting one cell, two are highlighted, one from frozen column, another from value in dataTable

DataTable props:
<DataTable
value={customers}
frozenValue={lockedCustomers}
cellSelection
selectionMode="single"
selection={selectedCell}
onSelectionChange={(e) => setSelectedCell(e.value)}
scrollable
scrollHeight="400px"
tableStyle={{ minWidth: '50rem' }}
dataKey="id"
>

Image

Test sandbox
https://stackblitz.com/edit/o1ch7jx7?file=src%2FApp.jsx

Reproducer

https://stackblitz.com/edit/o1ch7jx7?file=src%2FApp.jsx

System Information

"primereact": "latest",
"react": "18.3.1",

Steps to reproduce the behavior

-In Datatable with frozen rows + cellSelection single click on frozen cell
-Frozen cel is highlited
-First "not frozen" cell is also higlited

Expected behavior

Single cell should be highlighted

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions