+// overflow data table
+@mixin overflow-datatable ($table-min-width, $horizontal-margins, $mobile-paginator: true) {
+ p-table {
+ .ui-table-wrapper {
+ overflow-x: auto;
+ max-width: calc(100vw - #{$horizontal-margins * 2});
+
+ table {
+ min-width: $table-min-width;
+ }
+ }
+
+ @if $mobile-paginator {
+ p-paginator .ui-paginator-bottom {
+ display: block;
+
+ .ui-paginator-current {
+ position: relative;
+ display: block;
+ }
+
+ a, .ui-paginator-pages {
+ vertical-align: middle;
+ }
+ }
+ }
+ }
+}
+