25 Oct
2017
25 Oct
'17
12:06 p.m.
Ciao,
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?
Thanks,
Dario
P.S. Has anyone solved these problems by using other tools ( library ) ?