From e46b74ae0d9dc57f27d3b0ced71c5fc64b6e3523 Mon Sep 17 00:00:00 2001
From: Pascal Berger <pascal.berger@gmail.com>
Date: Mon, 20 Jan 2025 00:04:20 +0100
Subject: [PATCH] HtmlDxDataGrid: Persist customizations

---
 .../htmldxdatagrid-demo-additionalcolumns.html     |  5 +++++
 .../templates/htmldxdatagrid-demo-changetitle.html |  5 +++++
 .../htmldxdatagrid-demo-columnhiding.html          |  5 +++++
 .../htmldxdatagrid-demo-customexportfilename.html  |  5 +++++
 .../htmldxdatagrid-demo-customscriptlocation.html  |  5 +++++
 .../templates/htmldxdatagrid-demo-default.html     |  5 +++++
 .../htmldxdatagrid-demo-disablecolumnchooser.html  |  5 +++++
 .../htmldxdatagrid-demo-disablefiltering.html      |  5 +++++
 .../htmldxdatagrid-demo-disablegrouping.html       |  5 +++++
 .../htmldxdatagrid-demo-disableheader.html         |  5 +++++
 .../htmldxdatagrid-demo-disablesearching.html      |  5 +++++
 .../htmldxdatagrid-demo-enableexporting.html       |  5 +++++
 .../htmldxdatagrid-demo-exportformat-pdf.html      |  5 +++++
 .../htmldxdatagrid-demo-exportformat-xlsx.html     |  5 +++++
 .../templates/htmldxdatagrid-demo-grouping.html    |  5 +++++
 .../htmldxdatagrid-demo-infinitescrolling.html     |  5 +++++
 .../templates/htmldxdatagrid-demo-sorting.html     |  5 +++++
 .../htmldxdatagrid-demo-theme-carmine.html         |  5 +++++
 .../htmldxdatagrid-demo-theme-contrast.html        |  5 +++++
 .../htmldxdatagrid-demo-theme-contrastcompact.html |  5 +++++
 .../templates/htmldxdatagrid-demo-theme-dark.html  |  5 +++++
 .../htmldxdatagrid-demo-theme-darkcompact.html     |  5 +++++
 .../htmldxdatagrid-demo-theme-darkmoon.html        |  5 +++++
 .../htmldxdatagrid-demo-theme-darkviolet.html      |  5 +++++
 .../htmldxdatagrid-demo-theme-greenmist.html       |  5 +++++
 .../templates/htmldxdatagrid-demo-theme-light.html |  5 +++++
 .../htmldxdatagrid-demo-theme-lightcompact.html    |  5 +++++
 ...htmldxdatagrid-demo-theme-materialbluedark.html |  5 +++++
 ...atagrid-demo-theme-materialbluedarkcompact.html |  5 +++++
 ...tmldxdatagrid-demo-theme-materialbluelight.html |  5 +++++
 ...tagrid-demo-theme-materialbluelightcompact.html |  5 +++++
 ...htmldxdatagrid-demo-theme-materiallimedark.html |  5 +++++
 ...atagrid-demo-theme-materiallimedarkcompact.html |  5 +++++
 ...tmldxdatagrid-demo-theme-materiallimelight.html |  5 +++++
 ...tagrid-demo-theme-materiallimelightcompact.html |  5 +++++
 ...mldxdatagrid-demo-theme-materialorangedark.html |  5 +++++
 ...agrid-demo-theme-materialorangedarkcompact.html |  5 +++++
 ...ldxdatagrid-demo-theme-materialorangelight.html |  5 +++++
 ...grid-demo-theme-materialorangelightcompact.html |  5 +++++
 ...mldxdatagrid-demo-theme-materialpurpledark.html |  5 +++++
 ...agrid-demo-theme-materialpurpledarkcompact.html |  5 +++++
 ...ldxdatagrid-demo-theme-materialpurplelight.html |  5 +++++
 ...grid-demo-theme-materialpurplelightcompact.html |  5 +++++
 ...htmldxdatagrid-demo-theme-materialtealdark.html |  5 +++++
 ...atagrid-demo-theme-materialtealdarkcompact.html |  5 +++++
 ...tmldxdatagrid-demo-theme-materialteallight.html |  5 +++++
 ...tagrid-demo-theme-materialteallightcompact.html |  5 +++++
 .../htmldxdatagrid-demo-theme-softblue.html        |  5 +++++
 .../HtmlDxDataGridOption.cs                        | 14 ++++++++++++++
 .../Templates/DxDataGrid.cshtml                    |  7 +++++++
 50 files changed, 261 insertions(+)

diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-additionalcolumns.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-additionalcolumns.html
index e9f12ba30..89c75d4cc 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-additionalcolumns.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-additionalcolumns.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-changetitle.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-changetitle.html
index 67b9f31f2..04c6aad8a 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-changetitle.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-changetitle.html
@@ -67,6 +67,11 @@ <h1>My Custom Title</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-columnhiding.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-columnhiding.html
index bb62c7bc1..3dd79c3c4 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-columnhiding.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-columnhiding.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-customexportfilename.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-customexportfilename.html
index 6c3801560..1e824ab7d 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-customexportfilename.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-customexportfilename.html
@@ -69,6 +69,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-customscriptlocation.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-customscriptlocation.html
index 903e2bccb..0cfe78714 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-customscriptlocation.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-customscriptlocation.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-default.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-default.html
index bb62c7bc1..3dd79c3c4 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-default.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-default.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablecolumnchooser.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablecolumnchooser.html
index 6a77e1aac..48df1d6ab 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablecolumnchooser.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablecolumnchooser.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablefiltering.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablefiltering.html
index 26bc1ff17..1f6f8fc92 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablefiltering.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablefiltering.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablegrouping.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablegrouping.html
index 8b15eb645..2ecb36ad0 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablegrouping.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablegrouping.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disableheader.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disableheader.html
index a961d92fe..26a1ba986 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disableheader.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disableheader.html
@@ -66,6 +66,11 @@
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablesearching.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablesearching.html
index dd73a8100..a6ca4c44d 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablesearching.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-disablesearching.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-enableexporting.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-enableexporting.html
index afd4ed397..b4d62b8f2 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-enableexporting.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-enableexporting.html
@@ -69,6 +69,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-exportformat-pdf.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-exportformat-pdf.html
index 4b0d83dec..580e0163a 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-exportformat-pdf.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-exportformat-pdf.html
@@ -69,6 +69,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-exportformat-xlsx.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-exportformat-xlsx.html
index afd4ed397..b4d62b8f2 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-exportformat-xlsx.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-exportformat-xlsx.html
@@ -69,6 +69,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-grouping.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-grouping.html
index 61555c5c4..4e6f51701 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-grouping.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-grouping.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-infinitescrolling.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-infinitescrolling.html
index 69c291aa0..aaef4a225 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-infinitescrolling.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-infinitescrolling.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         scrolling:
                         {
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-sorting.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-sorting.html
index 379ee456d..bcf2c23fd 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-sorting.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-sorting.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-carmine.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-carmine.html
index 2f12b5cb5..969e44030 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-carmine.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-carmine.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-contrast.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-contrast.html
index 9f1f730f1..11d438004 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-contrast.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-contrast.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-contrastcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-contrastcompact.html
index c5513e34d..ee0ac97f4 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-contrastcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-contrastcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-dark.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-dark.html
index c3ce1a8d2..f62e86b0e 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-dark.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-dark.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkcompact.html
index 002a48589..0503aee0a 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkmoon.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkmoon.html
index 87700db9b..2e2440093 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkmoon.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkmoon.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkviolet.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkviolet.html
index 8214afa0e..11172df81 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkviolet.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-darkviolet.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-greenmist.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-greenmist.html
index 069a2ced4..a3e47c1d3 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-greenmist.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-greenmist.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-light.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-light.html
index bb62c7bc1..3dd79c3c4 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-light.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-light.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-lightcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-lightcompact.html
index 2ace05dee..1a3f38973 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-lightcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-lightcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluedark.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluedark.html
index 711a33602..272ba4c5c 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluedark.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluedark.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluedarkcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluedarkcompact.html
index a5ff0772b..a821a1acc 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluedarkcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluedarkcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluelight.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluelight.html
index 8c6737e8e..774bcbbc0 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluelight.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluelight.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluelightcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluelightcompact.html
index 6428e256e..cc80eb5ef 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluelightcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialbluelightcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimedark.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimedark.html
index e80620d35..04a45d6b5 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimedark.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimedark.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimedarkcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimedarkcompact.html
index f77ad9817..ee9ad5188 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimedarkcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimedarkcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimelight.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimelight.html
index ef36c6001..6e96a8ce9 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimelight.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimelight.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimelightcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimelightcompact.html
index 158e61bec..2d06f20a7 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimelightcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materiallimelightcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangedark.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangedark.html
index 9cd33d258..32c4f259a 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangedark.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangedark.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangedarkcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangedarkcompact.html
index 5cadfbbde..8a7c2fc8a 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangedarkcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangedarkcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangelight.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangelight.html
index ad6bfab9b..1aa3a7a6c 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangelight.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangelight.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangelightcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangelightcompact.html
index 16504e1f2..a9d1afabe 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangelightcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialorangelightcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurpledark.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurpledark.html
index 4af54625f..a7df5d7fb 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurpledark.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurpledark.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurpledarkcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurpledarkcompact.html
index 3df0b5c02..df4cf14b9 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurpledarkcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurpledarkcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurplelight.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurplelight.html
index 8b23cd4c7..f707abb61 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurplelight.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurplelight.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurplelightcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurplelightcompact.html
index 37f8fff4c..6f81ff0eb 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurplelightcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialpurplelightcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialtealdark.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialtealdark.html
index 3b3bbc26c..a47f1a8ee 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialtealdark.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialtealdark.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialtealdarkcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialtealdarkcompact.html
index ca209ea57..f5de94b2e 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialtealdarkcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialtealdarkcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialteallight.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialteallight.html
index 7dee2af58..dbf291047 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialteallight.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialteallight.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialteallightcompact.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialteallightcompact.html
index 985b02a22..94465b168 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialteallightcompact.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-materialteallightcompact.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-softblue.html b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-softblue.html
index 542307d7a..c702c9ea8 100644
--- a/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-softblue.html
+++ b/docs/input/documentation/report-formats/generic/templates/htmldxdatagrid-demo-theme-softblue.html
@@ -67,6 +67,11 @@ <h1>Issues Report</h1>
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: true,
+                    type: 'localStorage',
+                    storageKey: 'CakeIssuesReportingGeneric',
+                },
 
                         pager: {
                             showPageSizeSelector: true
diff --git a/src/Cake.Issues.Reporting.Generic/HtmlDxDataGridOption.cs b/src/Cake.Issues.Reporting.Generic/HtmlDxDataGridOption.cs
index cf99dc80f..b837eb77f 100644
--- a/src/Cake.Issues.Reporting.Generic/HtmlDxDataGridOption.cs
+++ b/src/Cake.Issues.Reporting.Generic/HtmlDxDataGridOption.cs
@@ -506,4 +506,18 @@ public enum HtmlDxDataGridOption
     /// Default value is <c>true</c>.
     /// </summary>
     ShowColumnChooser,
+
+    /// <summary>
+    /// Flag if customization in the report should be persisted.
+    /// Either <c>true</c> or <c>false</c>.
+    /// Default value is <c>true</c>.
+    /// </summary>
+    PersistState,
+
+    /// <summary>
+    /// Key for the state storage.
+    /// Reports with the same key will share customizations.
+    /// Default value is <c>CakeIssuesReportingGeneric</c>.
+    /// </summary>
+    StorageKey,
 }
diff --git a/src/Cake.Issues.Reporting.Generic/Templates/DxDataGrid.cshtml b/src/Cake.Issues.Reporting.Generic/Templates/DxDataGrid.cshtml
index 12a8c16f4..e7906d35c 100644
--- a/src/Cake.Issues.Reporting.Generic/Templates/DxDataGrid.cshtml
+++ b/src/Cake.Issues.Reporting.Generic/Templates/DxDataGrid.cshtml
@@ -12,6 +12,8 @@
     // Read options and apply default values.
     var title = ViewBagHelper.ValueOrDefault(ViewBag.Title, "Issues Report");
     DevExtremeTheme theme = ViewBagHelper.ValueOrDefault(ViewBag.Theme, DevExtremeTheme.Light);
+    bool persistState = ViewBagHelper.ValueOrDefault(ViewBag.persistState, true);
+    string storageKey = ViewBagHelper.ValueOrDefault(ViewBag.StorageKey, "CakeIssuesReportingGeneric");
     HtmlDxDataGridDisplayMode displayMode = ViewBagHelper.ValueOrDefault(ViewBag.DisplayMode, HtmlDxDataGridDisplayMode.Paged);
     bool showHeader = ViewBagHelper.ValueOrDefault(ViewBag.ShowHeader, true);
     bool showColumnChooser = ViewBagHelper.ValueOrDefault(ViewBag.ShowColumnChooser, true);
@@ -242,6 +244,11 @@
                 loadPanel: {
                     enabled: true
                 },
+                stateStoring: {
+                    enabled: @persistState.ToString().ToLowerInvariant(),
+                    type: 'localStorage',
+                    storageKey: '@(storageKey)',
+                },
                 @switch (displayMode)
                 {
                     case HtmlDxDataGridDisplayMode.Paged: