search

glideapps / glide-data-grid

🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
https://grid.glideapps.com
MIT License
4.07k stars 301 forks source link

Bg override for columns does not properly fill off-screen blank cells #998

Open mir4a opened 1 month ago

mir4a commented 1 month ago

Steps to reproduce:

  1. Set the table height to 100%.
  2. Ensure the number of rows is fewer than the available height (so no vertical scroll is rendered).
  3. Override bgCell for the columns (see this commit for the reference)
  4. Ensure there is a horizontal scrollbar.
  5. Scroll left-right

Screenshots:

  1. The first render is correct. You can see that the cells in the blank rows are painted with the custom color as expected: Screenshot 2024-09-23 at 18 06 48
  2. However, after scrolling left and right, the off-screen area has a painting issue: Screenshot 2024-09-23 at 18 07 04 Screenshot 2024-09-23 at 18 07 14