diff --git a/packages/default/scss/grid/_layout.scss b/packages/default/scss/grid/_layout.scss index 1e651d7dda5..6bf09f6e613 100644 --- a/packages/default/scss/grid/_layout.scss +++ b/packages/default/scss/grid/_layout.scss @@ -317,6 +317,11 @@ border-left-width: $grid-cell-vertical-border-width; } + .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first { + border-left-width: $grid-cell-vertical-border-width; + border-right-width: 0; + } + .k-filtercell-operator { margin-left: 0; margin-right: $cell-padding-y / 2; @@ -1066,6 +1071,10 @@ } } + .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first { + border-left-width: 0; + } + .k-header.k-drag-clue { overflow: hidden; } diff --git a/tests/visual/grid-sticky-multicolumn-headers.html b/tests/visual/grid-sticky-multicolumn-headers.html new file mode 100644 index 00000000000..b69bfcecf43 --- /dev/null +++ b/tests/visual/grid-sticky-multicolumn-headers.html @@ -0,0 +1,92 @@ + + + + Grid Sticky Multi-Column Headers + + + + + + + +
+ +

LTR

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Contact NameContact InfoPhone
Contact TitleLocation
TestCity
FaxCountry
+
+
+
+ +

RTL

+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Contact NameContact InfoPhone
Contact TitleLocation
TestCity
FaxCountry
+
+
+
+
+ +
+ +