Code to hide rows and show rows from web table

I am querying rows from a database that are all requests within the last 30 days. I only want to show 10 items, and then have an option to either show more rows/hide more rows or perhaps an option for a "next page" of rows. The code I have now is below. <?xml version="1.0" encoding="utf-8" ?> <j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null"> <g:evaluate var="jvar_request" object="true"> var gr = new GlideRecord("table1"); var daysago = new GlideDate(); [login to view URL](-30); [login to view URL]("opened_by", [login to view URL]()); [login to view URL]('number'); [login to view URL](); gr; </g:evaluate> <style> [login to view URL] {table-layout: auto; border: 2px solid #000000; border-collapse: collapse; padding: 0.1rem; overflow: auto;} [login to view URL] {border: 2px solid #999999; border-collapse: collapse; padding: 0.2rem;text-align: center;} [login to view URL]:hover {background-color:#f5f5f5} [login to view URL] {border: 1px solid #bfbfbf; border-collapse: collapse; padding: 0.2rem;text-align: left;} [login to view URL] {width: 500px;height: 37px;margin: 0;padding: 0;overflow-y: scroll;} </style> <table class="byyou"> <thead> <tr class="byyou"> <th class="byyou">Request Number</th> <th class="byyou">Status</th> <th class="byyou">Brief Description</th> <th class="byyou">Receiver</th> <th class="byyou">Additional Receivers</th> <th class="byyou">System</th> </tr> </thead> <j:while test="${[login to view URL]()}"> <tbody> <tr class="byyou"> <td class="byyou">${HTML:[login to view URL]('number')}</td> <td class="byyou">${HTML:[login to view URL]('state')}</td> <td class="byyou"><div class="scrollbyyou">${HTML:[login to view URL]('short_description')}</div></td> <td class="byyou">${HTML:[login to view URL]('opened_for')}</td> <td class="byyou"><div class="scrollbyyou">${HTML:[login to view URL]('receivers')}</div></td> <td class="byyou">${HTML:[login to view URL]('assignment_group')}</td> </tr> </tbody> </j:while> </table> </j:jelly>