Window scrolling performance issue

[magnumheart]

Hi @mkoryak ,

I'm using this plugin for window scrolling a table that contains configurable number of columns,
but the scrolling is handled by <div id="content"> rather than the window itself.

There is a noticeable performance lag issue when scrolling the table with plenty of columns.
I'm currently reflowing the table each time the div scroll event is called:
$('#content').scroll(function () { $('table').trigger('reflow'); });

I just like to know if there is a way to improve performance by updating the code where the scroll event for window scrolling is handled in the base js file?
If yes, could you kindly walk me through which section of the code to be updated.

Thanks for the awesome plugin!

[mkoryak]

Have you tried the scrollContainer option ?

Please supply a jsfiddle

[magnumheart]

I tried scrollContainer and it improved the scrolling performance compared to reflowing everytime the <div> scrolls.
Sorry I missed that option, thanks for pointing that out.

[magnumheart]

Sorry, one more question.
What if I have two <div> that handles overflow x and y separately?

If I use scrollContainer for <div class="overflow-y">, it cuts the width of the floating thead when there are multiple columns exceeding window width.

<div class="overflow-y">
  <!-- other content -->
  <div class="overflow-x">
    <table>
  </div>
</div>

[mkoryak]

Sorry, that configuration is not supported. The closest thing to that which is supported is the responsiveContainer option. There is an example of it on the doc site. You can also search issues, this has come up before and I think I even tried to give a very happy solution for it. I was never happy with the results though. Sadly, making this work will require a big rewrite of the script, and I don't have time to do that or support all the new bugs that will be created

…

On Tue, Oct 30, 2018, 12:33 AM magnumheart ***@***.*** wrote: Sorry, one more question. What if I have two <div> that handles overflow x and y separately? If I use scrollContainer for <div class="overflow-y">, it cuts the width of the floating thead when there are multiple columns exceeding window width. <div class="overflow-y"> <!-- other content --> <div class="overflow-x"> <table> </div> </div> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#427 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAXbSajzYjN2kolR_pqovDx6jiO_wPOkks5up9asgaJpZM4YAw8W> .

[magnumheart]

I did end up modifying the code base.
I added a new option similar to scrollContainer that I called innerContainer,
then I replaced some instances of $scrollContainer that I assumed related to calculating the floated table width.
I just don't know if I missed some, but everything seemed to work fine for me, just some minor bugs I found and fixed already.

Cheers!

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.