theme-bulma
theme-bulma copied to clipboard
sticky-header on table does not work with theme-bulma
adding the sticky-header prop on an o-table when using theme-bulma does nothing as
- the configuration does not set a class for stickyHeaderClass
- when using "has-sticky-header" it some-what works
- the first TR in the thead sticks
- sticky columns, however, do not work
Other usability-questions regarding sticky Headers.
- how does one get the filter row to also be sticky?
- how does one control the height of the table when in "sticky" mode. It seems odd to fix it at 300px always. (on a per-table basis not globally)
I'll take a look at columns.
About height you can override using the scss variable https://github.com/oruga-ui/theme-bulma/blob/278541a5466af4b75c1527fb42f1f3f5388484ad/src/assets/scss/components/_table.scss#L1
Has anyone found a work-around for this?
app.js
const customBulmaConfig = {
...bulmaConfig,
table: {
...bulmaConfig.table,
stickyHeaderClass: 'has-sticky-header',
},
};
app.use(router).use(Oruga, customBulmaConfig).mount('#app');
Can you make a PR?
@robertmarney do note (per my description) that even that configuration tweak does not fully work. As the filter row does not stick.