diff --git a/src/components/CvDataTable/CvDataTable.stories.mdx b/src/components/CvDataTable/CvDataTable.stories.mdx
index 9130e9f6d..40b152b6e 100644
--- a/src/components/CvDataTable/CvDataTable.stories.mdx
+++ b/src/components/CvDataTable/CvDataTable.stories.mdx
@@ -6,7 +6,7 @@ import CvDataTableCell from "./CvDataTableCell.vue";
 import CvDataTableAction from "./CvDataTableAction.vue";
 import CvDataTableSkeleton from "./CvDataTableSkeleton.vue";
 import CvButton from '../CvButton/CvButton.vue'
-import { sbCompPrefix } from '../../global/storybook-utils';
+import { sbCompPrefix, storySourceCode } from '../../global/storybook-utils';
 import { action } from '@storybook/addon-actions';
 import { Terminal16 as CompileIcon, Debug16 as DebugIcon, Chip16 as EmbedIcon,
   TrashCan16 as TrashCanIcon} from '@carbon/icons-vue'
@@ -76,14 +76,14 @@ setup() {
     skeletonCols: args.skeletonCols,
     skeletonTitle: args.title,
     skeletonHelper: args.helperText,
-    testData
+    testData,
     };
 },
 // And then the `args` are bound to your component with `v-bind="args"`
 template: args.template,
 });
 const defaultTemplate = `
-<cv-data-table
+<cv-data-table v-bind="args"
   @search="onSearch"
   @sort="onSort"
   @row-select-change="onRowSelectChange"
@@ -91,12 +91,11 @@ const defaultTemplate = `
   @overflow-menu-click="onOverflowMenuClick"
   @row-expanded="onRowExpanded"
   @pagination="onPagination"
-  v-bind="args"
   >
-  <template v-if="useBatchActions" v-slot:batch-actions>
+  <template v-if="useBatchActions" #batch-actions>
     <cv-button :icon="trashIcon" @click="onDelete">Delete</cv-button>
   </template>
-  <template v-if="useActions" v-slot:actions>
+  <template v-if="useActions" #actions>
     <cv-data-table-action @click="onAction1" aria-label="compile" alt="compile">
       <compile-icon>
         <title>Compile</title>
@@ -142,6 +141,16 @@ const skeletonTemplate = `
   :rows="skeletonRows"
   :title="skeletonTitle"
   :helperText="skeletonHelper">
+  <template v-if="useBatchActions" #batch-actions>
+    <cv-button :icon="trashIcon" @click="onDelete">Delete</cv-button>
+  </template>
+  <template v-if="useActions" #actions>
+    <cv-data-table-action @click="onAction1" aria-label="compile" alt="compile">
+      <compile-icon>
+        <title>Compile</title>
+      </compile-icon>
+    </cv-data-table-action>
+  </template>
 </cv-data-table-skeleton>
 `;
 
@@ -184,6 +193,8 @@ completion for it. See [discussion](https://github.com/vuejs/core/issues/3432) f
 - The Vue 3 implementation uses an internal store to manage the state of the table. You can see updates
 to the state by setting the debug variable in the local storage. `localStorage.debug="cv:data-table-store"`
 and then reloading the page.
+- If you were using something like `this.$refs.tableEditPath.batchActive = true` to force batch actions to show even
+when no items were select, please now use the new property `stickyBatchActive`.
 
 <Canvas>
   <Story
@@ -206,9 +217,10 @@ and then reloading the page.
           'items-selected',
           'of-n-pages',
           'range-text',
-          'skeleton'
+          'skeleton',
+          'update:rowsSelected',
         ] },
-      docs: { source: { code: defaultTemplate.replace('v-bind="args"', '') } },
+      docs: { source: { code: storySourceCode(defaultTemplate, Template.args) } },
     }}
     args={{
       template: defaultTemplate,
@@ -248,8 +260,9 @@ and then reloading the page.
           'of-n-pages',
           'range-text',
           'skeleton',
+          'update:rowsSelected',
         ] },
-      docs: { source: { code: expandingRowsTemplate.replace('v-bind="args"', '') } },
+      docs: { source: { code: storySourceCode(expandingRowsTemplate, Template.args) } },
     }}
     args={{
       template: expandingRowsTemplate,
@@ -273,46 +286,8 @@ and then reloading the page.
   <Story
     name="Skeleton"
     parameters={{
-      controls: { exclude: [
-          'template',
-          'actionBarAriaLabel',
-          'autoWidth',
-          'batchCancelLabel',
-          'borderless',
-          'collapseAllAriaLabel',
-          'expandAllAriaLabel',
-          'expandingSearch',
-          'hasExpandAll',
-          'initialSearchValue',
-          'overflowMenu',
-          'rowSize',
-          'rowsSelected',
-          'searchClearLabel',
-          'searchLabel',
-          'searchPlaceholder',
-          'selectAllAriaLabel',
-          'skeleton',
-          'sortable',
-          'staticWidth',
-          'stickyHeader',
-          'zebra',
-          'overflow-menu-click',
-          'pagination',
-          'row-expanded',
-          'actions',
-          'batch-actions',
-          'data',
-          'headings',
-          'row-select-change',
-          'row-select-changes',
-          'sort',
-          'helper-text',
-          'items-selected',
-          'of-n-pages',
-          'range-text',
-          'columns'
-        ] },
-      docs: { source: { code: skeletonTemplate.replace('v-bind="args"', '') } },
+      controls: { include: [ 'skeletonCols', 'skeletonRows', 'title', 'helperText', 'useBatchActions', 'useActions'] },
+      docs: { source: { code: storySourceCode(skeletonTemplate, Template.args) } },
     }}
     args={{
       template: skeletonTemplate,
@@ -320,6 +295,8 @@ and then reloading the page.
       helperText: 'Data has been requested...',
       skeletonRows: 5,
       skeletonCols: 5,
+      useBatchActions: false,
+      useActions: false
     }}
     argTypes={{
     }}
diff --git a/src/components/CvDataTable/CvDataTable.vue b/src/components/CvDataTable/CvDataTable.vue
index 0d2eac206..3bb64ee80 100644
--- a/src/components/CvDataTable/CvDataTable.vue
+++ b/src/components/CvDataTable/CvDataTable.vue
@@ -157,7 +157,9 @@
                   v-if="hasBatchActions"
                   :class="`${carbonPrefix}--table-column-checkbox`"
                 >
+                  <cv-checkbox-skeleton v-if="isSkeleton" />
                   <cv-checkbox
+                    v-else
                     v-model="headingChecked"
                     :form-item="false"
                     value="headingCheck"
@@ -229,7 +231,7 @@ import CvDataTableHeading from './CvDataTableHeading.vue';
 import CvDataTableRow from './CvDataTableRow.vue';
 import CvDataTableCell from './CvDataTableCell.vue';
 import CvButton from '../CvButton';
-import CvCheckbox from '../CvCheckbox';
+import { CvCheckbox, CvCheckboxSkeleton } from '../CvCheckbox';
 import CvPagination from '../CvPagination';
 import Search16 from '@carbon/icons-vue/es/search/16';
 import Close16 from '@carbon/icons-vue/es/close/16';
@@ -254,37 +256,31 @@ import store from './cvDataTableStore';
 import Empty from '../CvEmpty/_CvEmpty.vue';
 
 const props = defineProps({
+  /** Arial label for the action bar. */
   actionBarAriaLabel: { type: String, default: 'Table Action Bar' },
+  /** Arial label for the "collapse all" button in tables with expandable rows". */
   collapseAllAriaLabel: { type: String, default: 'Collapse all rows' },
+  /** Arial label for the "expand all" button in tables with expandable rows". */
   expandAllAriaLabel: { type: String, default: 'Expand all rows' },
+  /** Arial label for the "select all" button in tables with selectable rows". */
   selectAllAriaLabel: { type: String, default: 'Select all rows' },
-  /**
-   * Table will size use auto sizing
-   */
+  /** Table will size use auto sizing */
   autoWidth: { type: Boolean, default: false },
-  /**
-   * Label for the button to cancel batch actions
-   */
+  /** Label for the button to cancel batch actions */
   batchCancelLabel: { type: String, default: 'Cancel' },
-  /**
-   * Table will have no border
-   */
+  /** Table will have no border */
   borderless: { type: Boolean, default: false },
   /**
    * An array of overflow menu labels. On click CvDataTable will raise an 'overflow-menu-click' event passing an object containing menuIndex, menuLabel and rowValue
    * - As part of the array pass an object containing props for the overflowMenu. E.g. { label: 'Overflow menu', tipAlignment: 'end', tipPosition: 'top' },
    */
   overflowMenu: { type: [Boolean, Array], default: () => [] },
-  /**
-   * can be set to true or an object containing camel case props for a CvPagination component
-   */
+  /** can be set to true or an object containing camel case props for a CvPagination component */
   pagination: {
     type: [Boolean, Object],
     default: false,
   },
-  /**
-   * 'compact', 'small', or 'tall'
-   */
+  /** 'compact', 'small', or 'tall' */
   rowSize: {
     type: String,
     default: 'lg',
@@ -310,13 +306,9 @@ const props = defineProps({
   searchLabel: { type: String, default: 'Search' },
   searchPlaceholder: { type: String, default: 'Search' },
   searchClearLabel: { type: String, default: 'Clear search' },
-  /**
-   * Set text in search bar on table generation
-   */
+  /** Set text in search bar on table generation */
   initialSearchValue: { type: String, default: '' },
-  /**
-   * can be sorted
-   */
+  /** can be sorted */
   sortable: { type: Boolean, default: false },
   /** Table will have expandable rows */
   expandable: { type: Boolean, default: false },
@@ -331,35 +323,39 @@ const props = defineProps({
    *   - Optionally a sortable property - if any column sets this to true then only columns with sortable set to true are sortable. NOTE: table sortable property not required.
    */
   columns: { type: Array, default: () => [] },
-  /**
-   * Two-dimensional array of strings.
-   */
+  /** Two-dimensional array of strings. */
   data: { type: Array, default: () => [] },
-  /**
-   * the table striped
-   */
+  /** `true` to use Zebra style striping. */
   zebra: { type: Boolean, default: false },
-  /**
-   * Specify whether the header should be sticky. Still experimental: may not work with every combination of table props.
-   */
+  /** Specify whether the header should be sticky. Still experimental: may not work with every combination of table props. */
   stickyHeader: { type: Boolean, default: false },
-  /**
-   * An array containing the selected row values. Supports v-model via the row-select-changes event.
-   */
+  /** An array containing the selected row values. Supports v-model via the row-select-changes event. */
   rowsSelected: { type: Array, default: () => [] },
+  /** Normally batch actions are hidden if no items are selected. Set this to true to always show batch actions */
+  stickyBatchActive: { type: Boolean, default: false },
+  /** subtext on the table */
   helperText: { type: String, default: undefined },
+  /** Animate the search bar opening */
   expandingSearch: { type: Boolean, default: true },
+  /** Show table loading / skeleton state */
   skeleton: { type: Boolean, default: false },
+  /** Should the expand all button be available */
   hasExpandAll: { type: Boolean, default: false },
-  /**
-   * Use a width of 'auto' instead of 100%
-   */
+  /** Use a width of 'auto' instead of 100% */
   staticWidth: { type: Boolean, default: false },
+  /** User defined search action */
   onSearch: { type: Function, default: undefined },
   ...propsCvId,
 });
 const uid = useCvId(props, true);
 
+const isSkeleton = ref(props.skeleton);
+provide('is-skeleton', isSkeleton);
+watch(
+  () => props.skeleton,
+  () => (isSkeleton.value = props.skeleton)
+);
+
 let bus = undefined;
 onBeforeMount(() => {
   bus = getBus(uid.value);
@@ -419,12 +415,12 @@ onUpdated(checkSlots);
 
 const hasActions = ref(false);
 const hasToolbar = ref(false);
-const hasBatchActions = computed(() => {
-  return store.hasBatchActions(uid);
-});
+const hasBatchActions = ref(false);
+provide('has-batch-actions', hasBatchActions);
+
 function checkSlots() {
   // NOTE: slots is not reactive so needs to be managed on updated
-  store.setBatchActions(uid, !!slots['batch-actions']);
+  hasBatchActions.value = !!slots['batch-actions'];
   hasActions.value = !!slots.actions;
   hasToolbar.value = !!(
     slots.actions ||
@@ -531,7 +527,14 @@ function checkSearchExpand(force) {
 }
 
 const dataRowsSelected = ref(props.rowsSelected);
-const batchActive = ref(false);
+const batchActive = computed(() => {
+  return (
+    props.stickyBatchActive ||
+    dataRowsSelected.value.length > 0 ||
+    headingChecked.value
+  );
+});
+
 const headingChecked = ref(false);
 
 watch(
@@ -555,7 +558,6 @@ function updateRowsSelected() {
     }
   }
   headingChecked.value = dataRowsSelected.value.length === rows.length;
-  batchActive.value = dataRowsSelected.value.length > 0;
 }
 
 const emit = defineEmits([
@@ -581,7 +583,6 @@ function onClearClick() {
 }
 function onHeadingCheckChange() {
   // check /uncheck all children
-  batchActive.value = headingChecked.value;
   dataRowsSelected.value = [];
   const rows = store.rows(uid);
   for (const child of rows) {
@@ -617,7 +618,6 @@ function onRowCheckChange(payload) {
   dataRowsSelected.value = Array.from(modelSet);
   const rows = store.rows(uid);
   headingChecked.value = dataRowsSelected.value.length === rows.length;
-  batchActive.value = dataRowsSelected.value.length > 0;
 
   emit('row-select-change', { value, selected: checked });
   emit('row-select-changes', dataRowsSelected.value);
diff --git a/src/components/CvDataTable/_CvDataTableRowInner.vue b/src/components/CvDataTable/_CvDataTableRowInner.vue
index 2f9ba7092..b803e65be 100644
--- a/src/components/CvDataTable/_CvDataTableRowInner.vue
+++ b/src/components/CvDataTable/_CvDataTableRowInner.vue
@@ -26,7 +26,9 @@
       v-if="hasBatchActions"
       :class="`${carbonPrefix}--table-column-checkbox`"
     >
+      <cv-checkbox-skeleton v-if="isSkeleton" />
       <cv-checkbox
+        v-else
         ref="rowChecked"
         v-model="dataChecked"
         :form-item="false"
@@ -35,7 +37,7 @@
         :label="
           ariaLabelForBatchCheckbox || `Select row ${value} for batch action`
         "
-        hide-label
+        :hide-label="true"
         @change="onChange"
       />
     </td>
@@ -61,7 +63,7 @@
 
 <script setup>
 import { carbonPrefix } from '../../global/settings';
-import CvCheckbox from '../CvCheckbox';
+import { CvCheckbox, CvCheckboxSkeleton } from '../CvCheckbox';
 import CvOverflowMenu from '../CvOverflowMenu';
 import CvOverflowMenuItem from '../CvOverflowMenu/CvOverflowMenuItem.vue';
 import ChevronRight16 from '@carbon/icons-vue/es/chevron--right/16';
@@ -89,6 +91,7 @@ const props = defineProps({
   rowId: { type: String, default: undefined },
 });
 
+const isSkeleton = inject('is-skeleton', ref(false));
 /** @type {Ref<UnwrapRef<Set<>>>} */
 const expandingRowIds = inject('expanding-row-ids', ref(new Set()));
 const dataSomeExpandingRows = computed(() => {
@@ -132,9 +135,7 @@ onMounted(() => {
     bus = getBus(parent);
   } else console.warn('data table not found');
 });
-const hasBatchActions = computed(() => {
-  return store.hasBatchActions(parent);
-});
+const hasBatchActions = inject('has-batch-actions', ref(false));
 
 function onMenuItemClick(val) {
   bus.emit('cv:click', val);
diff --git a/src/components/CvDataTable/cvDataTableStore.js b/src/components/CvDataTable/cvDataTableStore.js
index 8a9ef3c80..134978ade 100644
--- a/src/components/CvDataTable/cvDataTableStore.js
+++ b/src/components/CvDataTable/cvDataTableStore.js
@@ -83,7 +83,6 @@ const logger = loggerEnabled ? console.debug : () => {};
  * @typedef {Object} CvTableData
  * @property {Array<CvRowData>} rows - table row data
  * @property {Array<CvHeadingData>} headings - table heading data
- * @property {boolean} hasBatchActions - Batch actions are available
  * @property {boolean} hasExpandable - At least some rows are expandable
  */
 
@@ -98,7 +97,6 @@ export default reactive({
     this.state[table] = {
       rows: [],
       headings: [],
-      hasBatchActions: false,
       hasExpandable: false,
     };
     logger(`added table:${table}`);
@@ -122,31 +120,6 @@ export default reactive({
     if (!this.state[table]) this.addTable(table);
     return this.state[table];
   },
-  /**
-   * Does the table have batch actions
-   * @param {CvTableDataString} tableId
-   * @returns {boolean|undefined}
-   */
-  hasBatchActions(tableId) {
-    const table = unref(tableId);
-    if (!this.state[table]) return;
-    const hasBatchActions = this.state[table]?.hasBatchActions;
-    logger(`get hasBatchActions:${table} result:${hasBatchActions}`);
-    return hasBatchActions;
-  },
-  /**
-   * Set if the table has batch actions or not
-   * @param {CvTableDataString} tableId
-   * @param {boolean} val
-   */
-  setBatchActions(tableId, val) {
-    const table = unref(tableId);
-    if (!this.state[table]) return;
-    if (this.state[table].hasBatchActions !== val) {
-      this.state[table].hasBatchActions = val;
-      logger(`setBatchActions:${table} payload:${val}`);
-    }
-  },
   /**
    * Find a heading by table + heading id
    * @param {CvTableDataString} tableId