Форк Rambox
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

55 lines
1.4 KiB

.#{$prefix}grid-view {
overflow: hidden;
position: relative;
}
/* A grid *item* is a dataview item. It is encapsulated by a <table class="x-grid-item">.
* One item always corresponds to one store record
* But an item may contain more than one <tr>.
* ONE child row, <tr class="x-grid-row"> will be the grid-row and will contain record data
*/
.#{$prefix}grid-row-table {
// When the touch scroller is used, we need to measure the table immediately after
// setting the widths of the column sizers (all cells in a column, or <COL> elements when the first row has a colspanning cell)
// so that the scroller's width can be refreshed.
// Unfortunately, if the table is auto width, browsers won't resize the cells until
// the current thread completes. Setting the width of the table to 0 allows us to
// avoid refreshing the scroller on a delay
width: 0;
table-layout: fixed;
border: 0 none;
border-collapse: separate;
border-spacing: 0;
}
.#{$prefix}grid-item {
table-layout: fixed;
outline: none;
}
.#{$prefix}grid-row {
outline: none;
}
.#{$prefix}grid-td {
overflow: hidden;
border-width: 0;
vertical-align: top;
}
.#{$prefix}grid-cell-inner {
overflow: hidden;
white-space: nowrap;
}
.#{$prefix}wrap-cell {
.#{$prefix}grid-cell-inner {
white-space: normal;
}
}
.#{$prefix}grid-resize-marker {
position: absolute;
z-index: 5;
top: 0;
}