1
0

fix: improve Grid.js table header alignment and column min-width

- Add default minWidth (100px) to all grid columns via normalizeGridColumns
  to prevent header truncation when data entries are short
- Fix inconsistent th heights by setting .gridjs-th-content line-height
  to 24px (matching the sort button height) so sortable and non-sortable
  columns render at uniform height
- Remove dead button.gridjs-sort height:15px rule (was overridden by 24px)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-24 21:23:39 +01:00
parent ad9101df8e
commit 211149b3f6
2 changed files with 10 additions and 3 deletions

View File

@@ -43,8 +43,9 @@
text-align: start;
}
button.gridjs-sort {
height: 15px;
/* Match content line-height to sort button height (24px) for uniform th height */
th.gridjs-th .gridjs-th-content {
line-height: 24px;
}
th.gridjs-th-sort:hover,