diff options
author | TATTAVARADA <statta@research.att.com> | 2017-04-27 07:53:18 -0400 |
---|---|---|
committer | st782s <statta@research.att.com> | 2017-04-27 08:31:27 -0400 |
commit | 6beb446925c967aca92f5513adf36c5db77c00d6 (patch) | |
tree | 9392057ed0739de2445c5b2a2a8bee6dcdacbcf7 /ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/raptor/js/persist_table_header.js | |
parent | 246b225194e3e8dc1926294de591a94fd9787fa7 (diff) |
[PORTAL-7] Rebase
This rebasing includes common libraries and common overlays projects
abstraction of components
Change-Id: Ia1efa4deacdc5701e6205104ac021a6c80ed60ba
Signed-off-by: st782s <statta@research.att.com>
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/raptor/js/persist_table_header.js')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/raptor/js/persist_table_header.js | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/raptor/js/persist_table_header.js b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/raptor/js/persist_table_header.js new file mode 100644 index 00000000..2c90306f --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/raptor/js/persist_table_header.js @@ -0,0 +1,47 @@ + function UpdateTableHeaders() { + $("div.divTableWithFloatingHeader").each(function() { + var originalHeaderRow = $(".tableFloatingHeaderOriginal", this); + var floatingHeaderRow = $(".tableFloatingHeader", this); + var offset = $(this).offset(); + var scrollTop = $(window).scrollTop(); + if ((scrollTop > offset.top) && (scrollTop < offset.top + $(this).height())) { + floatingHeaderRow.css("visibility", "visible"); + floatingHeaderRow.css("top", Math.min(scrollTop - offset.top, $(this).height() - floatingHeaderRow.height()) + "px"); + floatingHeaderRow.css("z-index", "20"); + + // Copy cell widths from original header + $("th", floatingHeaderRow).each(function(index) { + var cellWidth = $("th", originalHeaderRow).eq(index).css('width'); + $(this).css('width', cellWidth); + }); + + // Copy row width from whole table + floatingHeaderRow.css("width", $(this).css("width")); + } + else { + floatingHeaderRow.css("visibility", "hidden"); + floatingHeaderRow.css("top", "0px"); + } + }); + } + + $(document).ready(function() { + $("table.tableWithFloatingHeader").each(function() { + $(this).wrap("<div class=\"divTableWithFloatingHeader\" style=\"position:relative\"></div>"); + + var originalHeaderRow = $("tr:first", this) + originalHeaderRow.before(originalHeaderRow.clone()); + var clonedHeaderRow = $("tr:first", this) + + clonedHeaderRow.addClass("tableFloatingHeader"); + clonedHeaderRow.css("position", "absolute"); + clonedHeaderRow.css("top", "0px"); + clonedHeaderRow.css("left", $(this).css("margin-left")); + clonedHeaderRow.css("visibility", "hidden"); + + originalHeaderRow.addClass("tableFloatingHeaderOriginal"); + }); + UpdateTableHeaders(); + $(window.parent).scroll(UpdateTableHeaders); + $(window.parent).resize(UpdateTableHeaders); + });
\ No newline at end of file |