Steps to reproduce
- Some columns do overflow on embeddded table
Expected behavior
No overflow on embedded column
Actual behavior
Tables app version
2.1.1
Browser
150
Client operating system
Windows
Operating system
No response
Web server
None
PHP engine version
None
Database
None
Additional info
Note to myself for testing at home and create a pull request
Fix suggested by AI
🛠️ How to fix it globally
You can stabilize the header layout by adding this rule in TableHeader.vue:
scss
th {
white-space: normal;
min-height: 48px; // ensures consistent header height
overflow: hidden; // hides filter chips or icons that overflow
}
Steps to reproduce
Expected behavior
No overflow on embedded column
Actual behavior
Tables app version
2.1.1
Browser
150
Client operating system
Windows
Operating system
No response
Web server
None
PHP engine version
None
Database
None
Additional info
Note to myself for testing at home and create a pull request
Fix suggested by AI
🛠️ How to fix it globally
You can stabilize the header layout by adding this rule in TableHeader.vue:
scss
th {
white-space: normal;
min-height: 48px; // ensures consistent header height
overflow: hidden; // hides filter chips or icons that overflow
}