@progress/kendo-vue-grid 8.1.0-develop.5 → 8.1.0-develop.7

package/common.d.ts

@@ -33,6 +33,7 @@ declare const gridProps: {
         default: () => any;
     };
     cells: PropType<import('.').GridCellsSettings>;
+    rows: PropType<import('./interfaces/GridRowsSettings').GridRowsSettings>;
     defaultColumnsState: {
         type: PropType<import('.').GridColumnState[]>;
         default: () => any;
@@ -52,6 +53,11 @@ declare const gridProps: {
     };
     loader: PropType<string | Object | Function>;
     lockGroups: PropType<boolean>;
+    pinnable: PropType<boolean>;
+    defaultPinnedTopRows: PropType<any[]>;
+    defaultPinnedBottomRows: PropType<any[]>;
+    pinnedTopRows: PropType<any[]>;
+    pinnedBottomRows: PropType<any[]>;
     defaultFilter: PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;
     filter: PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;
     defaultSearch: PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;

package/common.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("vue");const t=require("@progress/kendo-vue-common"),n={id:String,autoProcessData:[Boolean,Object],topCacheCount:{type:Number,default:0},collapsedGroups:{type:Array,default:function(){return[]}},uniqueField:String,totalGroupedHeight:Number,allGroupedItems:Object,alternatePerGroup:Boolean,columns:Array,columnsState:{type:Array,default:function(){}},cells:Object,defaultColumnsState:{type:Array,default:function(){}},columnVirtualization:Boolean,dataItems:[Array,Object],sortable:[Boolean,Object],defaultSort:Array,sort:Array,filterable:Boolean,filterOperators:Object,filterCellRender:[String,Function,Object],headerCellRender:[String,Function,Object],showLoader:{type:Boolean,default:void 0},loader:[String,Function,Object],lockGroups:Boolean,defaultFilter:Object,filter:Object,defaultSearch:Object,search:Object,searchFields:Array,highlight:Object,pageable:[Boolean,Object],pageSize:Number,total:Number,fixedScroll:Boolean,skip:Number,defaultSkip:Number,take:Number,defaultTake:Number,expandField:String,expandColumn:Object,selectedField:String,cellRender:[String,Function,Object],rowRender:[String,Function,Object],rowSpannable:[Boolean,Object],resizable:Boolean,reorderable:Boolean,group:Array,defaultGroup:Array,groupable:[Boolean,Object],groupExpand:Array,defaultGroupExpand:Array,detailExpand:Object,defaultDetailExpand:Object,editField:String,rowClass:Function,select:Object,defaultSelect:Object,selectable:[Boolean,Object],scrollable:{type:String,default:"scrollable"},size:{type:String,default:"medium",validator:function(e){return["small","medium"].includes(e)}},pager:[String,Function,Object],rowHeight:Number,detailRowHeight:Number,detail:[String,Function,Object],columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:t.SvgIcon,dataItemKey:String,navigatable:{type:Boolean,default:!1},onItemchange:Function,onExpandchange:Function,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function,onGroupchange:Function,onSearchchange:Function,onGroupexpandchange:Function,onDetailexpandchange:Function};exports.gridProps=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("vue");const t=require("@progress/kendo-vue-common"),n={id:String,autoProcessData:[Boolean,Object],topCacheCount:{type:Number,default:0},collapsedGroups:{type:Array,default:function(){return[]}},uniqueField:String,totalGroupedHeight:Number,allGroupedItems:Object,alternatePerGroup:Boolean,columns:Array,columnsState:{type:Array,default:function(){}},cells:Object,rows:Object,defaultColumnsState:{type:Array,default:function(){}},columnVirtualization:Boolean,dataItems:[Array,Object],sortable:[Boolean,Object],defaultSort:Array,sort:Array,filterable:Boolean,filterOperators:Object,filterCellRender:[String,Function,Object],headerCellRender:[String,Function,Object],showLoader:{type:Boolean,default:void 0},loader:[String,Function,Object],lockGroups:Boolean,pinnable:Boolean,defaultPinnedTopRows:Array,defaultPinnedBottomRows:Array,pinnedTopRows:Array,pinnedBottomRows:Array,defaultFilter:Object,filter:Object,defaultSearch:Object,search:Object,searchFields:Array,highlight:Object,pageable:[Boolean,Object],pageSize:Number,total:Number,fixedScroll:Boolean,skip:Number,defaultSkip:Number,take:Number,defaultTake:Number,expandField:String,expandColumn:Object,selectedField:String,cellRender:[String,Function,Object],rowRender:[String,Function,Object],rowSpannable:[Boolean,Object],resizable:Boolean,reorderable:Boolean,group:Array,defaultGroup:Array,groupable:[Boolean,Object],groupExpand:Array,defaultGroupExpand:Array,detailExpand:Object,defaultDetailExpand:Object,editField:String,rowClass:Function,select:Object,defaultSelect:Object,selectable:[Boolean,Object],scrollable:{type:String,default:"scrollable"},size:{type:String,default:"medium",validator:function(e){return["small","medium"].includes(e)}},pager:[String,Function,Object],rowHeight:Number,detailRowHeight:Number,detail:[String,Function,Object],columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:t.SvgIcon,dataItemKey:String,navigatable:{type:Boolean,default:!1},onItemchange:Function,onExpandchange:Function,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function,onGroupchange:Function,onSearchchange:Function,onGroupexpandchange:Function,onDetailexpandchange:Function};exports.gridProps=n;

package/common.mjs

@@ -7,7 +7,7 @@
  */
 import "vue";
 import { SvgIcon as t } from "@progress/kendo-vue-common";
-const o = {
+const a = {
   id: String,
   autoProcessData: [Boolean, Object],
   topCacheCount: {
@@ -31,6 +31,7 @@ const o = {
     }
   },
   cells: Object,
+  rows: Object,
   defaultColumnsState: {
     type: Array,
     default: function() {
@@ -51,6 +52,11 @@ const o = {
   },
   loader: [String, Function, Object],
   lockGroups: Boolean,
+  pinnable: Boolean,
+  defaultPinnedTopRows: Array,
+  defaultPinnedBottomRows: Array,
+  pinnedTopRows: Array,
+  pinnedBottomRows: Array,
   defaultFilter: Object,
   filter: Object,
   defaultSearch: Object,
@@ -125,5 +131,5 @@ const o = {
   onDetailexpandchange: Function
 };
 export {
-  o as gridProps
+  a as gridProps
 };

package/components/PinnedRowsTable.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { DataRowContext } from '../getRowContents';
+import { GridRowProps } from '../interfaces/GridRowProps';
+/**
+ * @hidden
+ */
+export interface PinnedRowsTableProps {
+    size?: string;
+    cols?: any[];
+    dataRowContext: DataRowContext;
+    position: 'top' | 'bottom';
+    pinnedItems: any[];
+    rowHeight?: number;
+    rows?: GridRowProps['rows'];
+    selectable?: object;
+}
+/**
+ * @hidden
+ */
+export declare const PinnedRowsTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: PropType<string>;
+    cols: PropType<any[]>;
+    dataRowContext: PropType<DataRowContext>;
+    position: PropType<"bottom" | "top">;
+    pinnedItems: PropType<any[]>;
+    rowHeight: NumberConstructor;
+    rows: PropType<import('../interfaces/GridRowsSettings').GridRowsSettings>;
+    selectable: PropType<object>;
+}>, {
+    isTop: import('vue').ComputedRef<boolean>;
+    pinnedRef: import('vue').ComputedRef<any>;
+    handlePinnedScroll: (event: UIEvent) => void;
+    pinnedRows: import('vue').ComputedRef<import("vue/jsx-runtime").JSX.Element[]>;
+    containerClassName: import('vue').ComputedRef<string>;
+    tableClassName: import('vue').ComputedRef<string>;
+    handleSelectionRelease: (event: any) => void;
+    pinnedSelectable: import('vue').ComputedRef<object>;
+    pinnedBodyAttributes: import('vue').ComputedRef<{
+        "data-keyboardnavtoppinned": boolean;
+    } | {
+        "data-keyboardnavbottompinned": boolean;
+    }>;
+}, {}, {}, {
+    setWidth(width: number): void;
+    setScrollLeft(scrollLeft: number): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: PropType<string>;
+    cols: PropType<any[]>;
+    dataRowContext: PropType<DataRowContext>;
+    position: PropType<"bottom" | "top">;
+    pinnedItems: PropType<any[]>;
+    rowHeight: NumberConstructor;
+    rows: PropType<import('../interfaces/GridRowsSettings').GridRowsSettings>;
+    selectable: PropType<object>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/components/PinnedRowsTable.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("@progress/kendo-vue-common"),c=require("@progress/kendo-vue-data-tools"),b=require("@progress/kendo-vue-intl"),v=require("../rows/GridRow.js"),L=require("../getRowContents.js"),l=require("../messages/main.js"),T=t.defineComponent({name:"PinnedRowsTable",props:{size:String,cols:Array,dataRowContext:Object,position:String,pinnedItems:Array,rowHeight:Number,rows:Object,selectable:Object},inject:{gridContext:{default:()=>({})},kendoLocalizationService:{default:null}},mounted(){this.tableRef=n.getRef(this,"table"),this.colGroupRefEl=n.getRef(this,"colGroup")},updated(){this.tableRef=n.getRef(this,"table"),this.colGroupRefEl=n.getRef(this,"colGroup")},methods:{setWidth(e){const s=n.getRef(this,"table");s&&(s.style.width=e?e+"px":"")},setScrollLeft(e){const s=n.getRef(this,"pinnedRef");s&&s.scrollLeft!==e&&(s.scrollLeft=e)}},setup(e){const s=t.inject("kendo",{}),d=t.computed(()=>e.position==="top"),R=t.computed(()=>d.value?s.pinnedTopRef:s.pinnedBottomRef),m=t.ref(!1),p=a=>{const o=s.containerElementRef;if(!o||m.value)return;const i=a.currentTarget.scrollLeft;o.scrollLeft!==i&&(o.scrollLeft=i)},g=t.computed(()=>!e.pinnedItems||!e.dataRowContext?[]:e.pinnedItems.map((a,o)=>{const i={dataItem:a,rowType:"data",level:0,expanded:!1,dataIndex:o},r=e.dataRowContext.dataItemKey,u="pinned_"+((r?n.getter(r)(a):void 0)||"ai"+o),f=L.getRowContents(e.dataRowContext,i,u,o);return t.createVNode(v.GridRow,{key:u,rowType:"data",item:i,dataIndex:o,ariaRowIndex:o+1,absoluteRowIndex:o,isAltRow:o%2!==0,isHidden:!1,rowHeight:e.rowHeight,isSelected:f.isSelected,rows:e.rows},{default:()=>[f.row]})})),h=t.computed(()=>n.classNames("k-grid-pinned-container",{"k-pos-bottom":!d.value})),w=t.computed(()=>n.classNames(n.uGrid.table({size:e.size}))),S=a=>{var i,r;const o=(i=e.pinnedItems)==null?void 0:i[a.startRowIndex];o&&((r=s.pinnedSelectionRelease)==null||r.call(s,a,o))},y=t.computed(()=>e.selectable?{...typeof e.selectable=="object"?e.selectable:{},enabled:!0,drag:!1}:e.selectable),N=t.computed(()=>d.value?c.tableKeyboardNavigationTopPinnedAttributes:c.tableKeyboardNavigationBottomPinnedAttributes);return{isTop:d,pinnedRef:R,handlePinnedScroll:p,pinnedRows:g,containerClassName:h,tableClassName:w,handleSelectionRelease:S,pinnedSelectable:y,pinnedBodyAttributes:N}},render(){return t.createVNode("div",{class:this.containerClassName,role:"presentation",style:{display:this.pinnedRows.length?"":"none"}},[t.createVNode("div",{class:"k-grid-pinned-wrap",ref:n.setRef(this,"pinnedRef"),onScroll:this.handlePinnedScroll},[t.createVNode(c.TableSelection,{selectable:this.pinnedSelectable,onRelease:this.handleSelectionRelease},{default:()=>[t.createVNode("table",{ref:n.setRef(this,"table"),class:this.tableClassName,"aria-label":this.isTop?b.provideLocalizationService(this).toLanguageString(l.pinnedTopRowsAriaLabel,l.messages[l.pinnedTopRowsAriaLabel]):b.provideLocalizationService(this).toLanguageString(l.pinnedBottomRowsAriaLabel,l.messages[l.pinnedBottomRowsAriaLabel])},[t.createVNode("colgroup",{ref:n.setRef(this,"colGroup")},[this.$props.cols]),t.createVNode("tbody",t.mergeProps({class:n.classNames(n.uGrid.tbody({}))},this.pinnedBodyAttributes),[this.pinnedRows])])]})])])}});exports.PinnedRowsTable=T;

package/components/PinnedRowsTable.mjs

@@ -0,0 +1,135 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as N, createVNode as s, mergeProps as k, inject as G, computed as a, ref as P } from "vue";
+import { setRef as c, classNames as f, uGrid as p, getter as j, getRef as l } from "@progress/kendo-vue-common";
+import { TableSelection as x, tableKeyboardNavigationTopPinnedAttributes as K, tableKeyboardNavigationBottomPinnedAttributes as z } from "@progress/kendo-vue-data-tools";
+import { provideLocalizationService as u } from "@progress/kendo-vue-intl";
+import { GridRow as B } from "../rows/GridRow.mjs";
+import { getRowContents as E } from "../getRowContents.mjs";
+import { pinnedTopRowsAriaLabel as R, messages as h, pinnedBottomRowsAriaLabel as w } from "../messages/main.mjs";
+const D = /* @__PURE__ */ N({
+  name: "PinnedRowsTable",
+  props: {
+    size: String,
+    cols: Array,
+    dataRowContext: Object,
+    position: String,
+    pinnedItems: Array,
+    rowHeight: Number,
+    rows: Object,
+    selectable: Object
+  },
+  inject: {
+    gridContext: {
+      default: () => ({})
+    },
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  mounted() {
+    this.tableRef = l(this, "table"), this.colGroupRefEl = l(this, "colGroup");
+  },
+  updated() {
+    this.tableRef = l(this, "table"), this.colGroupRefEl = l(this, "colGroup");
+  },
+  methods: {
+    setWidth(e) {
+      const n = l(this, "table");
+      n && (n.style.width = e ? e + "px" : "");
+    },
+    setScrollLeft(e) {
+      const n = l(this, "pinnedRef");
+      n && n.scrollLeft !== e && (n.scrollLeft = e);
+    }
+  },
+  setup(e) {
+    const n = G("kendo", {}), d = a(() => e.position === "top"), g = a(() => d.value ? n.pinnedTopRef : n.pinnedBottomRef), y = P(!1), S = (o) => {
+      const t = n.containerElementRef;
+      if (!t || y.value)
+        return;
+      const i = o.currentTarget.scrollLeft;
+      t.scrollLeft !== i && (t.scrollLeft = i);
+    }, I = a(() => !e.pinnedItems || !e.dataRowContext ? [] : e.pinnedItems.map((o, t) => {
+      const i = {
+        dataItem: o,
+        rowType: "data",
+        level: 0,
+        expanded: !1,
+        dataIndex: t
+      }, r = e.dataRowContext.dataItemKey, b = "pinned_" + ((r ? j(r)(o) : void 0) || "ai" + t), m = E(e.dataRowContext, i, b, t);
+      return s(B, {
+        key: b,
+        rowType: "data",
+        item: i,
+        dataIndex: t,
+        ariaRowIndex: t + 1,
+        absoluteRowIndex: t,
+        isAltRow: t % 2 !== 0,
+        isHidden: !1,
+        rowHeight: e.rowHeight,
+        isSelected: m.isSelected,
+        rows: e.rows
+      }, {
+        default: () => [m.row]
+      });
+    })), L = a(() => f("k-grid-pinned-container", {
+      "k-pos-bottom": !d.value
+    })), v = a(() => f(p.table({
+      size: e.size
+    }))), T = (o) => {
+      var i, r;
+      const t = (i = e.pinnedItems) == null ? void 0 : i[o.startRowIndex];
+      t && ((r = n.pinnedSelectionRelease) == null || r.call(n, o, t));
+    }, C = a(() => e.selectable ? {
+      ...typeof e.selectable == "object" ? e.selectable : {},
+      enabled: !0,
+      drag: !1
+    } : e.selectable), A = a(() => d.value ? K : z);
+    return {
+      isTop: d,
+      pinnedRef: g,
+      handlePinnedScroll: S,
+      pinnedRows: I,
+      containerClassName: L,
+      tableClassName: v,
+      handleSelectionRelease: T,
+      pinnedSelectable: C,
+      pinnedBodyAttributes: A
+    };
+  },
+  render() {
+    return s("div", {
+      class: this.containerClassName,
+      role: "presentation",
+      style: {
+        display: this.pinnedRows.length ? "" : "none"
+      }
+    }, [s("div", {
+      class: "k-grid-pinned-wrap",
+      ref: c(this, "pinnedRef"),
+      onScroll: this.handlePinnedScroll
+    }, [s(x, {
+      selectable: this.pinnedSelectable,
+      onRelease: this.handleSelectionRelease
+    }, {
+      default: () => [s("table", {
+        ref: c(this, "table"),
+        class: this.tableClassName,
+        "aria-label": this.isTop ? u(this).toLanguageString(R, h[R]) : u(this).toLanguageString(w, h[w])
+      }, [s("colgroup", {
+        ref: c(this, "colGroup")
+      }, [this.$props.cols]), s("tbody", k({
+        class: f(p.tbody({}))
+      }, this.pinnedBodyAttributes), [this.pinnedRows])])]
+    })])]);
+  }
+});
+export {
+  D as PinnedRowsTable
+};

package/components/StickyGroupTable.d.ts

@@ -64,7 +64,6 @@ export declare const StickyGroupTable: import('vue').DefineComponent<import('vue
 }, {
     setWidth(width: number): void;
     setScrollLeft(scrollLeft: number): void;
-    renderRows(): any;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     size: StringConstructor;
     items: ArrayConstructor;

package/components/StickyGroupTable.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("@progress/kendo-vue-common"),d=require("../rows/GridRow.js"),c=require("../getRowContents.js"),u=o.defineComponent({name:"StickyGroupTable",props:{size:String,items:Array,cols:Array,dataRowContext:{type:Object,required:!0},position:{type:String,required:!0},isStackedMode:Boolean,groupLevelCount:Number,rowHeight:Number},inject:{sticky:{default:null}},mounted(){this.tableRef=e.getRef(this,"table"),this.colGroupRef=e.getRef(this,"colGroup")},updated(){this.tableRef=e.getRef(this,"table"),this.colGroupRef=e.getRef(this,"colGroup")},computed:{isTop(){return this.position==="top"},stickyItems(){return this.isTop?this.sticky.headerItems||[]:this.sticky.footerItems||[]},hasContent(){return this.stickyItems.length>0},containerClassName(){return e.classNames(e.uGrid.stickyContainer({bottom:!this.isTop}))},tableClassName(){return e.classNames(e.uGrid.table({size:this.size}))}},methods:{setWidth(s){const t=e.getRef(this,"tableRef");t&&(t.style.width=s?s+"px":"")},setScrollLeft(s){const t=this.$el;t&&t.scrollLeft!==s&&(t.scrollLeft=s)},renderRows(){return this.stickyItems.map((s,t)=>{const{item:r,flatIndex:i}=s,a=this.dataRowContext.dataItemKey&&e.getter(this.dataRowContext.dataItemKey)(r.dataItem)||"ai"+i,n=c.getRowContents(this.dataRowContext,r,a,t),l=this.isTop?"groupHeader":"groupFooter";return o.createVNode(d.GridRow,{key:a,rowType:l,item:r,dataIndex:-1,ariaRowIndex:t,absoluteRowIndex:i,isAltRow:!1,isHidden:!1,rowHeight:this.$props.rowHeight,isSelected:!1,isInEdit:!1},{default:()=>[n.row]})})}},render(){return o.createVNode("div",{class:this.containerClassName,style:{display:this.hasContent?"":"none"}},[o.createVNode("table",{ref:e.setRef(this,"table"),class:this.tableClassName},[o.createVNode("colgroup",{ref:e.setRef(this,"colGroup")},[this.$props.cols]),o.createVNode("tbody",{class:e.classNames(e.uGrid.tbody({}))},[this.renderRows()])])])}});exports.StickyGroupTable=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("@progress/kendo-vue-common"),c=require("../rows/GridRow.js"),d=require("../getRowContents.js"),u=o.defineComponent({name:"StickyGroupTable",props:{size:String,items:Array,cols:Array,dataRowContext:{type:Object,required:!0},position:{type:String,required:!0},isStackedMode:Boolean,groupLevelCount:Number,rowHeight:Number},inject:{sticky:{default:null}},mounted(){this.tableRef=e.getRef(this,"table"),this.colGroupRef=e.getRef(this,"colGroup")},updated(){this.tableRef=e.getRef(this,"table"),this.colGroupRef=e.getRef(this,"colGroup")},computed:{isTop(){return this.position==="top"},stickyItems(){return this.isTop?this.sticky.headerItems||[]:this.sticky.footerItems||[]},hasContent(){return this.stickyItems.length>0},containerClassName(){return e.classNames(e.uGrid.stickyContainer({bottom:!this.isTop}))},tableClassName(){return e.classNames(e.uGrid.table({size:this.size}))}},methods:{setWidth(s){const t=e.getRef(this,"tableRef");t&&(t.style.width=s?s+"px":"")},setScrollLeft(s){const t=this.$el;t&&t.scrollLeft!==s&&(t.scrollLeft=s)}},render(){return o.createVNode("div",{class:this.containerClassName},[o.createVNode("table",{ref:e.setRef(this,"table"),class:this.tableClassName},[o.createVNode("colgroup",{ref:e.setRef(this,"colGroup")},[this.$props.cols]),o.createVNode("tbody",{class:e.classNames(e.uGrid.tbody({}))},[this.stickyItems.map((s,t)=>{const{item:i,flatIndex:r}=s,a=this.dataRowContext.dataItemKey&&e.getter(this.dataRowContext.dataItemKey)(i.dataItem)||"ai"+r,n=d.getRowContents(this.dataRowContext,i,a,t),l=this.isTop?"groupHeader":"groupFooter";return o.createVNode(c.GridRow,{key:a,rowType:l,item:i,dataIndex:-1,ariaRowIndex:t,absoluteRowIndex:r,isAltRow:!1,isHidden:!1,rowHeight:this.$props.rowHeight,isSelected:!1,isInEdit:!1},{default:()=>[n.row]})})])])])}});exports.StickyGroupTable=u;

package/components/StickyGroupTable.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as p, createVNode as s } from "vue";
+import { defineComponent as h, createVNode as s } from "vue";
 import { setRef as d, classNames as r, uGrid as a, getter as m, getRef as o } from "@progress/kendo-vue-common";
 import { GridRow as u } from "../rows/GridRow.mjs";
 import { getRowContents as f } from "../getRowContents.mjs";
-const g = /* @__PURE__ */ p({
+const g = /* @__PURE__ */ h({
   name: "StickyGroupTable",
   props: {
     size: String,
@@ -67,37 +67,11 @@ const g = /* @__PURE__ */ p({
     setScrollLeft(e) {
       const t = this.$el;
       t && t.scrollLeft !== e && (t.scrollLeft = e);
-    },
-    renderRows() {
-      return this.stickyItems.map((e, t) => {
-        const {
-          item: i,
-          flatIndex: n
-        } = e, l = this.dataRowContext.dataItemKey && m(this.dataRowContext.dataItemKey)(i.dataItem) || "ai" + n, c = f(this.dataRowContext, i, l, t), h = this.isTop ? "groupHeader" : "groupFooter";
-        return s(u, {
-          key: l,
-          rowType: h,
-          item: i,
-          dataIndex: -1,
-          ariaRowIndex: t,
-          absoluteRowIndex: n,
-          isAltRow: !1,
-          isHidden: !1,
-          rowHeight: this.$props.rowHeight,
-          isSelected: !1,
-          isInEdit: !1
-        }, {
-          default: () => [c.row]
-        });
-      });
     }
   },
   render() {
     return s("div", {
-      class: this.containerClassName,
-      style: {
-        display: this.hasContent ? "" : "none"
-      }
+      class: this.containerClassName
     }, [s("table", {
       ref: d(this, "table"),
       class: this.tableClassName
@@ -105,7 +79,27 @@ const g = /* @__PURE__ */ p({
       ref: d(this, "colGroup")
     }, [this.$props.cols]), s("tbody", {
       class: r(a.tbody({}))
-    }, [this.renderRows()])])]);
+    }, [this.stickyItems.map((e, t) => {
+      const {
+        item: i,
+        flatIndex: n
+      } = e, l = this.dataRowContext.dataItemKey && m(this.dataRowContext.dataItemKey)(i.dataItem) || "ai" + n, c = f(this.dataRowContext, i, l, t), p = this.isTop ? "groupHeader" : "groupFooter";
+      return s(u, {
+        key: l,
+        rowType: p,
+        item: i,
+        dataIndex: -1,
+        ariaRowIndex: t,
+        absoluteRowIndex: n,
+        isAltRow: !1,
+        isHidden: !1,
+        rowHeight: this.$props.rowHeight,
+        isSelected: !1,
+        isInEdit: !1
+      }, {
+        default: () => [c.row]
+      });
+    })])])]);
   }
 });
 export {

package/constants/main.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/** The attribute required by the Grid selection on Grid `tr` elements. */
+export { TABLE_ROW_INDEX_ATTRIBUTE as GRID_ROW_INDEX_ATTRIBUTE } from '@progress/kendo-vue-data-tools';
+/** The attribute required by the Grid selection on Grid `td` elements. */
+export { TABLE_COL_INDEX_ATTRIBUTE as GRID_COL_INDEX_ATTRIBUTE } from '@progress/kendo-vue-data-tools';
+/** Attribute which disable selection start from this element. */
+export { TABLE_PREVENT_SELECTION_ELEMENT as GRID_PREVENT_SELECTION_ELEMENT } from '@progress/kendo-vue-data-tools';
+/** @hidden */
+export declare const SAFARI_REGEX: RegExp;