Move scrollbar of long table with locked columns below footer but keep footer in view

0 Answers 12 Views
Grid
Lee
Top achievements
Rank 1
Iron
Iron
Iron
Lee asked on 18 Nov 2021, 05:47 PM

Dojo

The above Dojo shows my code. I have a table with many rows. I want the first row locked and the table has a footer. I want the footer to remain visible regardless or where the user scrolls vertically. I want the footer to track horizontally with the rest of the table though so the columns stay lined up. This has to also be responsive so it works on various screen sizes and devices. I tried the sample in one of the previous questions on here but that doesn't work with the conditions mentioned above. How would I accomplish this? 

Nikolay
Telerik team
commented on 23 Nov 2021, 12:35 PM

Hi Lee,

I can suggest setting a fixed position of the td footer element.

footerTemplate: "<div class='footerTD'>Min: #: min # Max: #: max #</div>"
..
  $(function() {
    $(".footerTD").closest("td").css("position", "fixed");
  });

Here is them codified Dojo: https://dojo.telerik.com/itopEDOx

Let me know if this is what you are looking for.

 

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Lee
Top achievements
Rank 1
Iron
Iron
Iron
Share this question
or