Can not highlight selected row when "striped rows" is selected

[MrAkblt]

To Reproduce

Steps to reproduce the behavior:

1. Go to https://jbetancur.github.io/react-data-table-component/?path=/story/general--kitchen-sink
2. Select highlight selected rows and striped rows
3. Select dark row
4. See not highlighted

[jbetancur]

I am unable to reproduce this. It may be that the color may not be contrasting well on your screen or perhaps this is cross-browser related? But I have no idea what browser you are using.

It's challenging to help without more detail:

https://github.com/jbetancur/react-data-table-component/blob/master/.github/ISSUE_TEMPLATE/bug_report.md

[MrAkblt]

Sorry for missing detail
OS: Manjaro (Arch)
Browser: Chromium 80.0.3987.149 Arch Linux, Mozilla Firefox 74.0

As seen in the picture, the first selected line is not obvious.

[jbetancur]

No problem!

I thought you meant the highlight on hover.

The rows will not highlight on checkbox selection regardless of striping because that feature does not yet exist. It is a feature I have been meaning to add though.

[MrAkblt]

Well, thanks for the quick response. Good luck with.

[jbetancur]

@MrAkblt I totally misunderstood you - it's been a long week. You are correct, this is in fact a styling bug where the striped rows are taking precedence over the selected row highlight. I'll put this in for a 6.7.0 or a 6.7.1 release soon.

[jbetancur]

@MrAkblt this is now fixed in 6.7.0

[MrAkblt]

I have just noticed your comment @jbetancur , thanks for your fix.