When selecting multiple rows, the table highlights every other row. Is it possible when selecting multiple rows, all selected rows are highlighted instead of every other row ?
In the example below, I would like all rows selected to have background color of #278efc.
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
I suggest you to mark the answer so that we can close this thread.
if you do not mark the answer then this thread will remain open on our side.
Regards
Deepak
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
10 Points
139 Posts
On zebra stripes table, how can I highlight every rows that are selected (instead of every other...
Apr 11, 2017 03:38 PM|faujong|LINK
Our table use zebra-stripes, which is what we want.
When selecting multiple rows, the table highlights every other row.
Is it possible when selecting multiple rows, all selected rows are highlighted instead of every other row ?
In the example below, I would like all rows selected to have background color of #278efc.
When I select 2 rows in a row, and I inspect the element, it says this:
Thank you.
Contributor
2990 Points
1210 Posts
Re: On zebra stripes table, how can I highlight every rows that are selected (instead of every ot...
Apr 12, 2017 09:31 AM|Deepak Panchal|LINK
Hi faujong,
I try to reproduce the issue on my side and I got the same out put as yours.
check below.
I find that there are already background color is available at even number of rows and its priority is high.
so because of this reason the color is not get changed.
so here we need to set the priority of highlighting color to high.
so you just need to change your css like below.
Output:
code:
HTML:
JavaScript:
CSS:
JSFiddle Demo
Regards
Deepak
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
10 Points
139 Posts
Re: On zebra stripes table, how can I highlight every rows that are selected (instead of every ot...
Apr 12, 2017 02:13 PM|faujong|LINK
Yay ! That's it !
Thank you Very much !
Contributor
2990 Points
1210 Posts
Re: On zebra stripes table, how can I highlight every rows that are selected (instead of every ot...
Apr 13, 2017 10:01 AM|Deepak Panchal|LINK
Hi faujong,
I find that your issue is solved now.
but you did not mark the answer.
I suggest you to mark the answer so that we can close this thread.
if you do not mark the answer then this thread will remain open on our side.
Regards
Deepak
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
10 Points
139 Posts
Re: On zebra stripes table, how can I highlight every rows that are selected (instead of every ot...
Apr 17, 2017 03:02 PM|faujong|LINK
Oh..sorry..I thought I did that already.
Done