Automated Table Pagnation

Is it possible to create automated pagnation for table data without using the carousel??

Yes, but it's not as clear-cut as you'd think. Really, you just need to update the Table.props.pager.activePage prop.

I recommend a binding with a transform, like so:

BUT... you'll notice this will just increment forever, which is going to cause problems once you've exceeded the count of pages. Unfortunately, there's no way to know how many pages are currently being displayed. You can force a number of pages based on your data, but you'll have to prevent a user from ever modifying the count of rows displayed.

Set the following props:

Table.props.pager.top = False
Table.props.pager.bottom = False  # maybe not - see `Edit` below vvv
Table.props.pager.initialOption = <some_value>

Now, modify the original transform:

return (self.props.pager.activePage) % (len(self.props.data) // self.props.pager.initialOption) + 1

If you have a requirement to display the active page number, you could always leave Table.props.pager.activePage enabled, and just hide the row count dropdown with some CSS:

div.size-options {
    display: none;
}

Be forewarned that the locator I provided here is generic enough to apply to ALL tables in your project, and is therefore unsafe. You should apply a unique ID to Table.meta.domId, and target that:

#my-unique-table-id div.size-options {
    display: none;
}

Edit: it looks like turning both pagers to off (display: false) results in no pagination at all. That's less than desirable. You can still manage this by leaving either enabled and just setting Table.props.pager.style.display to none.

Thanks that worked. Is the advanced stylesheet no longer accessible from Perspective?
Style Classes - Ignition User Manual 8.1 - Ignition Documentation. Is there another way to access it?

What version are you using for development?

I'm using Designer Version 1.1.32

If you right-click the Styles directory, there should be an option to enable the Advanced Stylesheet.

Yep, I tried that, but the only options are New Class or New Folder. The Advanced Stylesheet option isnt there for some reason...there may be some additional settings that I need to configure???

What's your gateway version?

8.1.32

It should be visible. If it's not, you should reach out to Support.

Screenshot 2023-10-31 at 10.48.41 AM