Skip to Content

CSS to select a column based on column header name

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.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Dec 14, 2016 at 12:58 PM

    Hi,

    Please let me know your correct requirement?

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

    Regards,

    Vidhya.C

    Add comment
    10|10000 characters needed characters exceeded

  • Dec 15, 2016 at 07:10 AM

    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.

    Add comment
    10|10000 characters needed characters exceeded