54 lines
1.1 KiB
Plaintext
54 lines
1.1 KiB
Plaintext
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # 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;
|
|
}
|
|
}
|