diff --git a/packages/ripple-ui-core/src/components/data-table/RplDataTable.stories.mdx b/packages/ripple-ui-core/src/components/data-table/RplDataTable.stories.mdx
index c352c30ba5..d3325a7e00 100644
--- a/packages/ripple-ui-core/src/components/data-table/RplDataTable.stories.mdx
+++ b/packages/ripple-ui-core/src/components/data-table/RplDataTable.stories.mdx
@@ -5,7 +5,18 @@ import {
ArgsTable
} from '@storybook/addon-docs'
import RplDataTable from './RplDataTable.vue'
-import { RplDataTableColumns, RplDataTableItems, RplDataTableColumnConfig, RplDataTableComplexItems, RplDataTableObjectKeyColumnConfig, RplDataTableObjects, RplDataTableStructuredColumns, RplDataTableStructuredItems, RplDataTableExtraComponents } from './fixtures/sample'
+import {
+ RplDataTableColumns,
+ RplDataTableItems,
+ RplDataTableColumnConfig,
+ RplDataTableComplexItems,
+ RplDataTableObjectKeyColumnConfig,
+ RplDataTableObjectKeyColumnHTMLConfig,
+ RplDataTableObjects,
+ RplDataTableStructuredColumns,
+ RplDataTableStructuredItems,
+ RplDataTableExtraComponents
+} from './fixtures/sample'
import { a11yStoryCheck } from './../../../stories/interactions.js'
export const SingleTemplate = (args) => ({
@@ -124,3 +135,24 @@ export const SingleTemplate = (args) => ({
{SingleTemplate.bind()}
+
+
diff --git a/packages/ripple-ui-core/src/components/data-table/RplDataTable.vue b/packages/ripple-ui-core/src/components/data-table/RplDataTable.vue
index 6fbf1a1301..1d39482b8b 100644
--- a/packages/ripple-ui-core/src/components/data-table/RplDataTable.vue
+++ b/packages/ripple-ui-core/src/components/data-table/RplDataTable.vue
@@ -1,6 +1,13 @@