Datatable glitch (ui jumps) when cell editing and row selection is enabled

UI Components for React
Post Reply
askpr
Posts: 2
Joined: 22 Jan 2022, 11:23

24 Feb 2022, 11:07

Hi guys, need help with an issue in primereact DataTable,
for number of columns greater than current screen size e.g. 15 columns, or with resizableColumns,
when trying to edit the columns (cell editing is enabled) that are off screen (scroll a bit to right and click to edit), the table jumps to start (maybe focusing the checkbox) and back to the column being edited (very annoying for large tables with editing and selection enabled)

codesandbox below:
try editing multiple price rows
(expand some columns to test properly, thanks )
v6 : https://codesandbox.io/s/exciting-hersc ... ditDemo.js
v7 : https://codesandbox.io/s/interesting-wiles-7osv6t

Thanks in advance.
overall I love the customizations provided by the datatable, please fix this to make the experience even more awesome

Melloware
Posts: 3716
Joined: 22 Apr 2013, 15:48

27 Feb 2022, 18:35

IS this your issue: https://github.com/primefaces/primereact/issues/2657

If so try "selectionAutoFocus={false}" and see if it fixes it.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests