ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-11 21:13:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added div element to force horz scroll in table body (#2111)

Browse Source 
Fixes #2103
- Added div that is set to the calculated table width. When
filtering is such that no rows are present in the tbody
of the table, this element will still force a horizontal
scroll in that area, allowing the user to horz scroll the headers;
This commit is contained in:
Charles Hacskaylo 2018-07-16 15:25:02 -07:00 committed by Pete Richards
parent 8c9fe2d36b
commit d7eb4c17ca
2 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
platform/features/table/res/sass/table.scss
View File

@ -65,3 +65,10 @@ mct-table {
margin-bottom: 3px; margin-bottom: 3px;
} }
} }
.mct-table-scroll-forcer {
// Force horz scroll when needed; width set via JS
font-size: 0;
height: 1px; // Height 0 won't force scroll properly
position: relative;
}

4
platform/features/table/res/templates/mct-table.html
View File

@ -59,6 +59,10 @@
</tbody> </tbody>
</table> </table>
<div class="l-tabular-body t-scrolling vscroll--persist" mct-resize="resize()" mct-scroll-x="scroll.x"> <div class="l-tabular-body t-scrolling vscroll--persist" mct-resize="resize()" mct-scroll-x="scroll.x">
<div class="mct-table-scroll-forcer"
ng-style="{
width: totalWidth
}"></div>
<table class="mct-table" <table class="mct-table"
ng-style="{ ng-style="{
height: totalHeight + 'px', height: totalHeight + 'px',