diff --git a/components/lib/datatable/DataTable.vue b/components/lib/datatable/DataTable.vue index c6d000f3d06..c4abacd0408 100755 --- a/components/lib/datatable/DataTable.vue +++ b/components/lib/datatable/DataTable.vue @@ -1307,7 +1307,7 @@ export default { widths.forEach((width, index) => { let colWidth = index === colIndex ? newColumnWidth : nextColumnWidth && index === colIndex + 1 ? nextColumnWidth : width; - let style = `width: ${colWidth}px; max-width: ${colWidth}px`; + let style = `width: ${colWidth}px !important; max-width: ${colWidth}px !important`; innerHTML += ` ${selector} > thead[data-pc-section="thead"] > tr > th:nth-child(${index + 1}), @@ -1763,7 +1763,7 @@ export default { let selector = `[data-pc-name="datatable"][${this.attributeSelector}] > [data-pc-section="wrapper"] ${this.virtualScrollerDisabled ? '' : '> [data-pc-section="virtualscroller"]'} > table[data-pc-section="table"]`; widths.forEach((width, index) => { - let style = `width: ${width}px; max-width: ${width}px`; + let style = `width: ${width}px !important; max-width: ${width}px !important`; innerHTML += ` ${selector} > thead[data-pc-section="thead"] > tr > th:nth-child(${index + 1}), diff --git a/components/lib/sidebar/style/SidebarStyle.js b/components/lib/sidebar/style/SidebarStyle.js index 7a152cdf081..79a6e3d3b79 100644 --- a/components/lib/sidebar/style/SidebarStyle.js +++ b/components/lib/sidebar/style/SidebarStyle.js @@ -49,11 +49,11 @@ const css = ` .p-sidebar-full .p-sidebar { transition: none; transform: none; - width: 100vw; - height: 100vh; + width: 100vw !important; + height: 100vh !important; max-height: 100%; - top: 0px; - left: 0px; + top: 0px !important; + left: 0px !important; } /* Animation */