Skip to Content
0

CSS to select a column based on column header name

Dec 12, 2016 at 12:17 PM

76

avatar image

Hi Experts,

I am using DS 1.6 SP3. In one of the crosstab i have a CSS to hover the specific column of the table based on the n-th child selector. Below is the snippet.

.Table1 .sapzencrosstab-RowHeaderArea:hover tr > td:nth-child(4)
{
text-decoration: underline !important;
cursor: pointer !important;
}

Is it possible to mention the name of the column header here instead of fixing it as the 4th column. The requirement is to hover the column name called, say 'Region', instead of saying it as 4th column because Region dimension can change its position in table when we drag and drop dimensions from Nav.Panel.

I have searched in forum to find out the css classes and possible workarounds, but could not find any.

Thanks & Regards,

Kesavan.

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Vidhya V Dec 14, 2016 at 12:58 PM
0

Hi,

Please let me know your correct requirement?

When mouse hover, you need to get the column name?

Regards,

Vidhya.C

Share
10 |10000 characters needed characters left characters exceeded
Kesavan R Dec 15, 2016 at 07:10 AM
0

Hi Vidhya,

This is my requirement. All the data of the column called 'Region' should be underlined and the mouse pointer(cursor) should change to 'Pointer'(hand icon) when hover over. The main thing to remember here is that 'Region' column is not static meaning that it can be 2nd column or 3rd column or any column depending on the user drilldown. In my code snippet above, I have used n-th child assuming that Region is the 4th column always, but in reality Region column can change its position in table because of drilldown.

Thanks & Regards,

Kesavan.

Share
10 |10000 characters needed characters left characters exceeded