DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

adding styles on FixedColumns

adding styles on FixedColumns

rems81rems81 Posts: 2Questions: 1Answers: 0
in Free community support

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.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.