MAReport body scrolling with thead data 'fixed'

Previous Topic Next Topic
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view

MAReport body scrolling with thead data 'fixed'

i have a Magritte Report based on same descriptions.

Now i need to rendering the relative instance inside a div for scrolling  the data.

All works fine but the scrolling works on the thead data rendering at the top.

In this case i lose ( not display ) the thead data when i scrolling down the data.

My goal is to 'fixed' the thead data at the top and when i scrolling only the body data scrolling.

The same considerations is relative to the tfood of the MAReport.

I attempted to fixed the thead with:
.divForScrolling table thead {
position: absolute;
width: 99%;
border: 2px solid;

It 'fixed' the thead data at the top of the divForScrolling but it lose the resizing of the thead td width.

This in the both case when defined the table-layout of the MAReport  table fixed or auto

. divForScrolling table {
table-layout: fixed;
width: 100%;

In substance with the thead  position: absolute 

the body td width size change when resizing the MAReport 

( change the size of the web page  for fixed table-layout   or change  the data for auto table-layout )

but the relative thead td width not.

Has anyone else had such a requirement / plan to solve it out there?



P.S.  Has anyone solved these problems by using other tools ( library ) ?

Magritte, Pier and Related Tools ...