Hi,

Im trying to fixing the header of the table to the top, and when I try this the header looks like this.


How should I proceed to get the header fixed?

what do you mean by "you tried it" ?

did you use a forge component?

did you build it yourself?

did you use some jquery plugin?


I use in CSS the Property "fixed" to the HeaderStyle.


SyntaxEditor Code Snippet

.TableRecords_Header{
    height: 40px;
    position: fixed;
}

Hi Henrique,

Can you explain what's your goal here?

I'm not really sure what's supposed to be the outcome of making an HTML table's header having a "fixed" position...

Even though its a nice idea that will not work.

Please look at the forge or jquery plugins.


Jorge Martins wrote:

Hi Henrique,

Can you explain what's your goal here?

I'm not really sure what's supposed to be the outcome of making an HTML table's header having a "fixed" position...


He probably has a very long list of items and wants the header to be visible at all times.

Hi, 

Exactly Claring! 

Example: https://codepen.io/tjvantoll/pen/JEKIu

I already gave you the answer twice, so here's my final and third:


https://www.outsystems.com/forge/component/1009/headerfixed/


HI J,

Will this works on OS11 as well?


Thanks

Ash

Hi Ash,

Without trying it myself, I'd expect it will still work for Traditional Web applications. Reactive Web Apps do not include jQuery and pure JavaScript is the recommended approach. 

There now seem to be other ways to achieve this anyways with only CSS (like this one or these two).

Hope this helps!