How can i hover column in table..just using simple css. | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

How can i hover column in table..just using simple css.

https://code.sololearn.com/W8NjMR6estxp/?ref=app

11th Feb 2018, 2:26 AM
I Am a Baked Potato
I Am a Baked Potato - avatar
5 Answers
+ 5
I think hover effect is already used in your code . If you have to use simple css then it can be used by implementing following syntax tagname : hover { statements (Any effect which you wants); } To get more details visit provided link https://www.w3schools.com/cssref/sel_hover.asp nice code 😊👍
11th Feb 2018, 2:35 AM
Hrishikesh Kulkarni
Hrishikesh Kulkarni - avatar
+ 5
I was trying the same as faisal said , but it's really complex. So when I googled I got something https://css-tricks.com/simple-css-row-column-highlighting/
11th Feb 2018, 2:53 AM
Hrishikesh Kulkarni
Hrishikesh Kulkarni - avatar
+ 2
It may be a little tedious, but you may need to set a class to each element within the table based on which column they're in. For example, the first element should get the class c1, the second should get c2, etc. Once you've got that, do the same thing that you did with tr and set specific attributes to be triggered when the element is hovered over for each class. Hope this helped!
11th Feb 2018, 2:43 AM
Faisal
Faisal - avatar
+ 2
@Hrishikesh Kulkarni Its really tricky..I didn't understand some of the css command and its uses, from that webpage which you shared...but it work. https://code.sololearn.com/WoimkpcQPFhC/?ref=app
11th Feb 2018, 4:27 AM
I Am a Baked Potato
I Am a Baked Potato - avatar
+ 1
@Hrishikesh Kulkarni yeah..but hover effect is just used in row..i also want to use in column.. so how can i do?
11th Feb 2018, 2:38 AM
I Am a Baked Potato
I Am a Baked Potato - avatar