Table with floaters headers

Table with floaters headers

by Simon Brigadenko -
Number of replies: 1

Hello!

I develop page with table. The data in the cells turned out to be a lot, and the whole table does not fit on the page. I tried to make floating headers, like in the grader report, but in bootstrap 4-based themes it stopped working correctly. 

Please, help me to make the table headings the same as in the course grade report table. On scrolling the page, when the table reaches the top of the page, then its column headings are fixed. And when we scroll the page to the right, then the table captions the row headers.

Version my moodle: 3.7.2 (Build: 20190909); theme: New learning;


Average of ratings: -
In reply to Simon Brigadenko

Re: Table with floaters headers

by Simon Brigadenko -

Have a good day!

I tried to explore this file: [moodle_root_dir]/grade/report/grader/yui/src/gradereporttable/js/floatingheaders.js, but I have no experience with such js files. Someone would help me figure this out? 

It’s hard for my users to work without a normal table. ((