summaryrefslogtreecommitdiffstats
path: root/slick.grid.js
diff options
context:
space:
mode:
Diffstat (limited to 'slick.grid.js')
-rw-r--r--slick.grid.js13
1 files changed, 6 insertions, 7 deletions
diff --git a/slick.grid.js b/slick.grid.js
index 267f87c..9699eb3 100644
--- a/slick.grid.js
+++ b/slick.grid.js
@@ -116,7 +116,7 @@ if (typeof Slick === "undefined") {
var $focusSink;
var $headerScroller;
var $headers;
- var $headerRow, $headerRowScroller;
+ var $headerRow, $headerRowScroller, $headerRowSpacer;
var $topPanelScroller;
var $topPanel;
var $viewport;
@@ -233,6 +233,9 @@ if (typeof Slick === "undefined") {
$headerRowScroller = $("<div class='slick-headerrow ui-state-default' style='overflow:hidden;position:relative;' />").appendTo($container);
$headerRow = $("<div class='slick-headerrow-columns' />").appendTo($headerRowScroller);
+ $headerRowSpacer = $("<div style='display:block;height:1px;position:absolute;top:0;left:0;'></div>")
+ .css("width", getCanvasWidth() + scrollbarDimensions.width + "px")
+ .appendTo($headerRowScroller);
$topPanelScroller = $("<div class='slick-top-panel-scroller ui-state-default' style='overflow:hidden;position:relative;' />").appendTo($container);
$topPanel = $("<div class='slick-top-panel' style='width:10000px' />").appendTo($topPanelScroller);
@@ -395,6 +398,8 @@ if (typeof Slick === "undefined") {
viewportHasHScroll = (canvasWidth > viewportW - scrollbarDimensions.width);
}
+ $headerRowSpacer.width(canvasWidth + (viewportHasVScroll ? scrollbarDimensions.width : 0));
+
if (canvasWidth != oldCanvasWidth || forceColumnWidthsUpdate) {
applyColumnWidths();
}
@@ -569,12 +574,6 @@ if (typeof Slick === "undefined") {
}
}
- if (options.showHeaderRow) {
- // add a spacer to let the container scroll beyond the header row columns width
- $("<div style='display:block;height:1px;width:10000px;position:absolute;top:0;left:0;'></div>")
- .appendTo($headerRowScroller);
- }
-
setSortColumns(sortColumns);
setupColumnResize();
if (options.enableColumnReorder) {