.#{$prefix}column-header {
position: absolute;
overflow: hidden;
background-repeat: repeat-x;
}
.#{$prefix}column-header-inner {
zoom: 1;
white-space: nowrap;
position: relative;
overflow: hidden;
}
.#{$prefix}column-header-text {
white-space: nowrap;
background-repeat: no-repeat;
// in all version of IE except for 8 strict, left and right padding are
// automatically reversed on inline elements when the direction property
// is "rtl". triggering hasLayout corrects this bug in IE6/7/quirks, and
// display: inline-block is used for IE9/10
zoom: 1;
display: inline-block;
}
.#{$prefix}column-header-trigger {
display: none;
height: 100%;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
@if $include-rtl {
.#{$prefix}rtl.#{$prefix}column-header-trigger {
left: 0;
right: auto;
}
}
.#{$prefix}column-header-over, .#{$prefix}column-header-open {
.#{$prefix}column-header-trigger {
display: block;
}
}
.#{$prefix}column-header-align-right {
text-align: right;
}
@if $include-rtl {
.#{$prefix}rtl.#{$prefix}column-header-align-right {
text-align: left;
}
}
.#{$prefix}column-header-align-left {
text-align: left;
}
@if $include-rtl {
.#{$prefix}rtl.#{$prefix}column-header-align-left {
text-align: right;
}
}
.#{$prefix}column-header-align-center {
text-align: center;
}