Home:ALL Converter>Primeng datatable - column headers spill out of cell on window resize

Primeng datatable - column headers spill out of cell on window resize

Ask Time:2021-07-20T02:41:18         Author:snowleopard

Json Formatter

This stackblitz shows the issue very well when one resizes window https://stackblitz.com/edit/primeng-tablepage-demo-5lnvaa?file=src/app/app.component.html

In the p-table, the headers look fine if I have the browser window full size and stretch out the viewing area as far as possible. If I resize the browser window or viewing area to be smaller, then the column headers overlap into each other and the last one spills outside of the table. This is the exact same behavior happening when I resize the browser window in my project to be slightly smaller. Any ideas how to prevent this spillage from happening? enter image description here

After resize enter image description here

Author:snowleopard,eproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/68445489/primeng-datatable-column-headers-spill-out-of-cell-on-window-resize
yy