Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to style next, last, previous and first page buttons in pagination.

See original GitHub issue

All paginate page items are li elements that have class page-item with a page-link anchor.

Tried styling the next, last, previous and first buttons with css selectors like first-child but that doesn’t help since I’ve made them optional (first and previous don’t show when on page 1).

Is it possible to add a class to these elements so they can be styled?

Issue Analytics

State:
Created 5 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

AllenFangcommented, Oct 25, 2018

it’s still pending, I will handle it ASAP, thanks

0reactions

sammccantscommented, Aug 26, 2020

@AllenFang I’m having a similar issue to @stilllife00. I’m actually able to supply JSX to these fields, but when actually using the buttons, they duplicate in the list and throw the error:

Warning: Encountered two children with the same key, `[object Object]`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.

Is there a chance JSX will be supported in these fields in the future, or am I just using it wrong? Is there perhaps another way to achieve this functionality?