Fluid colums with fixed header element ui
12:15 20 Feb 2026

I've got a table with table-layout="auto" for autowidth of the columns, and setting height=400 for get the fixed header, but, in this case, the scroll overflows the header, that souldnt happen.

If i put the table with tablelayout fixed, the scroll will fix, but the columns will not get all the width

it is working with vue3 and the library component element plus






That's my code, just chanching this the cols will expand and then the scroll will put over the header

who can i fix it? i need a mix bettween table fixed and table auto for full fit the cols

table-layout="fixed" to table-layout="auto"
css vue.js vuejs3 element-plus