#795 horizontal scroll in slick-header

metatron-app · Jan 16, 2019 · 2143641 · 2143641
1 parent 89e65aa
commit 2143641
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/...aflow-detail/component/edit-dataflow-rule/edit-rule-grid/scroll-loading-grid.component.ts b/...aflow-detail/component/edit-dataflow-rule/edit-rule-grid/scroll-loading-grid.component.ts
@@ -219,6 +219,7 @@ export class ScrollLoadingGridComponent implements OnInit, AfterViewInit, OnDest
     }
     if(ieBrowser == false){
       $('.slick-headerrow').css('overflow-x','auto');
+      $('.slick-header').css('overflow-x','auto');
     }
     // horizontal_scroll_in_histogram_area
 
@@ -516,6 +517,11 @@ export class ScrollLoadingGridComponent implements OnInit, AfterViewInit, OnDest
       grid.registerPlugin(headerButtonsPlugin);
     }
 
+    grid.getContainerNode().querySelector('.slick-header').addEventListener('scroll', (event)=>{
+      if(grid.getContainerNode().querySelector('.slick-viewport').scrollLeft != grid.getContainerNode().querySelector('.slick-header').scrollLeft)
+      grid.getContainerNode().querySelector('.slick-viewport').scrollLeft = grid.getContainerNode().querySelector('.slick-header').scrollLeft;
+    });
+
     return grid;
   } // function - _generateGrid
 

diff --git a/discovery-frontend/src/assets/css/polaris.v2.component.css b/discovery-frontend/src/assets/css/polaris.v2.component.css
@@ -488,6 +488,7 @@ ul.ddp-list-typebasic.ddp-view li.ddp-selected a .ddp-icon-plus {display:block;}
 .slick-header-menuicon.type-so:before {content:'So';}
 .slick-header-menuicon.type-mv:before {content:'Mv';}
 .slick-headerrow::-webkit-scrollbar {display: none;}
+.slick-header::-webkit-scrollbar {display: none;}
 
 /**************************************************************
     공통