adding styles on FixedColumns

adding styles on FixedColumns

rems81rems81 Posts: 2Questions: 1Answers: 0

Hello,

I've juste discovered dataTable this morning and I am impressed by its power !
BRAVO for the team...

Is there anybody who found a way to add styles on FixedColumns ?
I'd like to add a shadow effect on the right border of the last fixed column for exemple, just to show the FixedColumns principle to users. Even a simple "border-right" should be welcome...

Any idea ?

Thanks for advance,
Rémy.

Answers

  • DaimianDaimian Posts: 62Questions: 1Answers: 15
    edited July 2014

    This is the best I could come up with...

    Just add the following CSS to your page:

        .DTFC_LeftHeadWrapper, .DTFC_RightHeadWrapper {
            z-index: 1;
        }
    
        .DTFC_LeftBodyWrapper, .DTFC_RightBodyWrapper {
            -webkit-box-shadow: 0px 0px 6px 0px black;
            -moz-box-shadow: 0px 0px 6px 0px black;
            box-shadow: 0px 0px 6px 0px black;
        }
    
  • rems81rems81 Posts: 2Questions: 1Answers: 0

    Thanks a lot Damian !
    And specialy for your reactivity...

    I've opted for :

    .DTFC_LeftBodyWrapper {
    box-shadow: 3px 0px 6px 0px #666;
    }
    .DTFC_RightBodyWrapper {
    box-shadow: -3px 0px 6px 0px #666;

    }

    It works fine.

This discussion has been closed.