/* ------------------------------------------------------------------------------ * * # Fixed Header extension * * This extension lets your users quickly determine what each column refers to * rather than needing to scroll back to the top of the table. * * Version: 1.0 * Latest update: Nov 9, 2015 * * ---------------------------------------------------------------------------- */ // Headers .fixedHeader-floating, .fixedHeader-locked { background-color: #fff; margin-top: 0; margin-bottom: 0; } // Floating header .fixedHeader-floating { position: fixed; // Remove top border if multiple tables .fixedHeader-floating + &, .fixedHeader-locked + & { border-top: 0!important; } // Hide on mobile @media(max-width: @screen-xs-max) { display: none; } } // Locked header .fixedHeader-locked { position: absolute; // Hide on mobile @media(max-width: @screen-xs-max) { display: none; } } // Hide headers on print @media print { table.fixedHeader-floating { display: none; } }