diff --git a/components/lib/datatable/DataTable.d.ts b/components/lib/datatable/DataTable.d.ts
index 6dadf7fe2..53fdcd3d2 100755
--- a/components/lib/datatable/DataTable.d.ts
+++ b/components/lib/datatable/DataTable.d.ts
@@ -597,7 +597,7 @@ export interface DataTablePassThroughOptions {
     /**
      * Uses to pass attributes to the rowgroup header's DOM element.
      */
-    rowgroupHeader?: DataTablePassThroughOptionType;
+    rowGroupHeader?: DataTablePassThroughOptionType;
     /**
      * Uses to pass attributes to the body row's DOM element.
      */
@@ -609,7 +609,7 @@ export interface DataTablePassThroughOptions {
     /**
      * Uses to pass attributes to the rowgroup footer's DOM element.
      */
-    rowgroupFooter?: DataTablePassThroughOptionType;
+    rowGroupFooter?: DataTablePassThroughOptionType;
     /**
      * Uses to pass attributes to the empty message's DOM element.
      */
diff --git a/components/lib/datatable/TableBody.vue b/components/lib/datatable/TableBody.vue
index 0aa3e7528..4c671f28d 100755
--- a/components/lib/datatable/TableBody.vue
+++ b/components/lib/datatable/TableBody.vue
@@ -5,10 +5,10 @@
                 <tr
                     v-if="templates['groupheader'] && rowGroupMode === 'subheader' && shouldRenderRowGroupHeader(value, rowData, getRowIndex(index))"
                     :key="getRowKey(rowData, getRowIndex(index)) + '_subheader'"
-                    :class="cx('rowgroupHeader')"
+                    :class="cx('rowGroupHeader')"
                     :style="rowGroupHeaderStyle"
                     role="row"
-                    v-bind="ptm('rowgroupHeader')"
+                    v-bind="ptm('rowGroupHeader')"
                 >
                     <td :colspan="columnsLength - 1" v-bind="{ ...getColumnPT('root'), ...getColumnPT('bodyCell') }">
                         <button v-if="expandableRowGroups" :class="cx('rowGroupToggler')" @click="onRowGroupToggle($event, rowData)" type="button" v-bind="getColumnPT('rowGroupToggler')">
@@ -98,9 +98,9 @@
                 <tr
                     v-if="templates['groupfooter'] && rowGroupMode === 'subheader' && shouldRenderRowGroupFooter(value, rowData, getRowIndex(index))"
                     :key="getRowKey(rowData, getRowIndex(index)) + '_subfooter'"
-                    :class="cx('rowgroupFooter')"
+                    :class="cx('rowGroupFooter')"
                     role="row"
-                    v-bind="ptm('rowgroupFooter')"
+                    v-bind="ptm('rowGroupFooter')"
                 >
                     <td :colspan="columnsLength - 1" v-bind="{ ...getColumnPT('root'), ...getColumnPT('bodyCell') }">
                         <component :is="templates['groupfooter']" :data="rowData" :index="getRowIndex(index)" />