Tell us what you are trying to do?
We use an archive view displaying a table with legal texts and their attributes (screenshot 1). Code is written in legacy view. The contents of the view is user-specific, so users have to login to see the list of legal documents. For some users, the table may contain more than 500 posts, which makes loading time quite slow. In order to speed up loading time of the views, we tried to use infinite scrolling (settings see screenshot 2), but it does not work at all. When scrolling down, just the first screen is shown, with no transition to the following pages.
In one of the Toolset support threads about infinite scrolling, it turned out that there might be conflicts with CSS codings of the posts. So just to show you, the table containing the list of legal documents has the following CSS code
table, th, td {
border: 1px solid #040;
border-collapse: separate;
border-spacing: 1px;
border-color: grey;
font-family: inherit;
font-size: 13px;
text-align: center;
vertical-align:top;
padding: 5px;
}
table thead th {
position: sticky;
top: 0px;
z-index: 1;
width: 100vw;
background-color: #a3a3c2;
font-weight: 600;
}
tbody tr:hover, tfoot tr:hover {
background-color:#e6e6e6;
}
tbody td:hover, tfoot td:hover {
background-color: #f2f2f2;
}
Is there any documentation that you are following?
https://toolset.com/forums/topic/help-with-ideas-for-how-to-reduce-page-load-time-maybe-using-lazy-load-option/
Is there a similar example that we can see?
--
What is the link to your site?
hidden link. But view can be loaded only, if you login. Do you need admin login credentials?
Hello,
Please provide your website credentials in below private message box, also point out:
- View URL
- Problem page URL
I need to test and debug it in a live website, thanks