diff --git a/src/components/Datatable/Datatable.jsx b/src/components/Datatable/Datatable.jsx
index fb0ae8f4..3cd87b2c 100644
--- a/src/components/Datatable/Datatable.jsx
+++ b/src/components/Datatable/Datatable.jsx
@@ -72,9 +72,8 @@ const DataTable = ({
 
   return(
     <>
-      <div className="dc-c-datatable-wrapper">
+      <div className="dc-c-datatable-wrapper" tabIndex={0}>
         <table
-          tabIndex={0}
           {...{
             style: {
               width: canResize ? table.getCenterTotalSize() : "100%",
diff --git a/src/components/Datatable/TruncatedResizeableTHead.jsx b/src/components/Datatable/TruncatedResizeableTHead.jsx
index 7d7d05f7..1aee5688 100644
--- a/src/components/Datatable/TruncatedResizeableTHead.jsx
+++ b/src/components/Datatable/TruncatedResizeableTHead.jsx
@@ -5,7 +5,7 @@ const TruncatedResizeableTHead = ({table, sortElement = null, setAriaLiveFeedbac
   return(
     <thead className="dc-thead--truncated dc-thead--resizeable">
       {table.getHeaderGroups().map(headerGroup => (
-        <tr key={headerGroup.id}>
+        <tr key={headerGroup.id} className="dc-c-sticky-header">
           {headerGroup.headers.map(header => <HeaderResizeElement key={header.id + "_dataTableResize"} table={table} header={header} sortElement={sortElement} setAriaLiveFeedback={setAriaLiveFeedback} />)}
         </tr>
       ))}
diff --git a/src/components/Datatable/datatable.scss b/src/components/Datatable/datatable.scss
index d57536bd..7850e905 100644
--- a/src/components/Datatable/datatable.scss
+++ b/src/components/Datatable/datatable.scss
@@ -1,6 +1,11 @@
 .dc-c-datatable {
   width: 100%;
   border-spacing: 0px;
+  thead > .dc-c-sticky-header {
+    position: sticky;
+    top: 0;
+    background-color: white;
+  }
   th {
     position: relative;
     text-align: left;