design-manual icon indicating copy to clipboard operation
design-manual copied to clipboard

Tables documentation page: table pagination display is broken

Open marteki opened this issue 6 years ago • 3 comments

On the documentation page for Tables, the table pagination example doesn't appear properly: the "Newer" and "Older" buttons don't scale, and they instead overlap the "Page" label and the "Go" button.

I think this is less a problem with the actual pagination component, and more an issue with the way the Design Manual page is laid out. I believe that the wider desktop view of the table is being shown because the whole page is wider, even though the table only fills up a column on the page. Is there a way we could show the table pagination more as it's intended to be seen on a production web page?

screen shot 2018-11-06 at 11 23 51 am

marteki avatar Nov 06 '18 16:11 marteki

do you have an example of this in production?

cfarm avatar Jan 23 '19 23:01 cfarm

The only filterable table I know of is https://www.consumerfinance.gov/activity-log/, which does not have this issue.

anselmbradford avatar Jan 23 '19 23:01 anselmbradford

I think this is less a problem with the actual pagination component, and more an issue with the way the Design Manual page is laid out

Yep, you're right on the money. Only solution I have found is to put the table inside an iframe (this is what storybook does).

jimmynotjim avatar Jan 24 '19 23:01 jimmynotjim