DataTables / DataTables/Responsive

Bug: Responsive does not properly work with scrollY

Open
#128 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
151
Forks
91
PR merge metrics
No merged PRs in 30d

Description

Link: https://stackblitz.com/edit/vitejs-vite-kwlzyv?file=src%2Fmain.ts

To reproduce, reduce the horizontal width of the window while the page is open, enough to hid ethe office column. Then, widen the horizontal length of the window again. The row data will be misaligned with the columns.

I personally use BS5 and jQuery, but it is reproducible in the base version (which is the one I linked).

I believe this is due to either row cell data wrapping or column title wrapping.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked StackBlitz reproduction and its src/main.ts entry point, then reproduce the issue by narrowing the window until the office column is hidden and widening it again. Trace the responsive resize behavior and verify that row data remains aligned with the columns after the fix.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, jquery, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.