[image] Hi everyone, back for a quick and hopefully easy solution to this functionality I’d like. In the screenshot above, on the left-hand side I’m planning on having a long list of companies. This list will eventually reach around 500 companies so it will be a very lengthy page. When you select…

In CSS set the table’s container height and the table to fit snug within the container as in" .table-responsive { height: 300px; overflow: auto; } .table { position: sticky; top: 0; width: 100%; } The HTML will look like <div class="col"> <div class=…

Hi Parker, have you considered using modals to display the company details when clicked on a company name?

I’d prefer aesthetically to not use modals. Thank you for the recommendation though and that would most definitely work.

In that case, another option can be to display the list of companies in a container in the top half of the page with pagination and a search box and then display the company details at the bottom when clicked on a company name.

You could use Offcanvas to display your data. [image] Creating Offcanvas Sidebar with Bootstrap 5 Front-End Components Intro You can add hidden sidebars for your web sites and apps for navigation, shopping carts, and more which appear from the left, right, or bottom edge …

Hi Cheese, again, that works, but is the functionality that I’m talking about nonexistent? It would just be so nice if the right side of the screen was static while the left wasn’t.

@guptast has the right idea. A paged query with pagination and a search field is the way to go if you don’t want to use a modal or offCanvas. Actually, even with a modal or offanvas I would still used a paged query with pagination at very minimum.

ok, if this is the route, I should be following I’ll look into it more. Any helpful resources to look more into paged query with pagination?

Link to the How-To docs on the dynamic pagination: Wappler Documentation - Applying Dynamic Paging The existing APIs can be converted to Paged Records under the Query Type options. So, you can skip the initial part of the How-To docs and begin from the Server Connect section.

First things first :wink: Get your paged query and pagination working and the search is easy to add after that. You got this!

Responsive table that follows as you scroll

Wappler General Need Help

Cheese November 30, 2023, 10:50pm 5

You could use Offcanvas to display your data.