From 0be881f0e692ed155e001988c33fff0294d1f987 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Wed, 3 Jul 2024 12:15:15 +0300
Subject: [PATCH] Fixes #15911 - Table | Add csp nonce to responsive style
 element

---
 src/app/components/table/table.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/components/table/table.ts b/src/app/components/table/table.ts
index b15d650b46b..d2834ef206d 100644
--- a/src/app/components/table/table.ts
+++ b/src/app/components/table/table.ts
@@ -2988,7 +2988,8 @@ export class Table implements OnInit, AfterViewInit, AfterContentInit, Blockable
                 this.responsiveStyleElement = this.renderer.createElement('style');
                 this.responsiveStyleElement.type = 'text/css';
                 this.renderer.appendChild(this.document.head, this.responsiveStyleElement);
-
+                DomHandler.setAttribute(this.responsiveStyleElement, 'nonce', this.config?.csp()?.nonce);
+                
                 let innerHTML = `
     @media screen and (max-width: ${this.breakpoint}) {
         #${this.id}-table > .p-datatable-thead > tr > th,