Use tailwind classes for table column widths

src/app/file-viewer/file-viewer.component.css

@@ -2,11 +2,3 @@
   display: block;
   height: 100%;
 }
-
-/* Default column widths */
-th,
-td {
-  width: 200px;
-  max-width: 200px;
-  min-width: 200px;
-}

src/app/file-viewer/file-viewer.component.ts

@@ -61,6 +61,7 @@ import { InputIconModule } from 'primeng/inputicon';
                 pReorderableColumn
                 pResizableColumn
                 [pSortableColumn]="col.name"
+                class="w-3xs min-w-3xs max-w-3xs"
               >
                 {{ col.name }}
                 <p-columnFilter type="text" [field]="col.name" display="menu" />
@@ -72,7 +73,7 @@ import { InputIconModule } from 'primeng/inputicon';
         <ng-template #body let-rowData let-columns="columns">
           <tr style="height: 46px">
             @for (col of columns; track $index) {
-              <td pReorderableRowHandle>
+              <td pReorderableRowHandle class="w-3xs min-w-3xs max-w-3xs">
                 {{ rowData[col.name] }}
               </td>
             }
@@ -81,7 +82,7 @@ import { InputIconModule } from 'primeng/inputicon';
         <ng-template #loadingbody let-columns="columns">
           <tr style="height: 46px">
             @for (col of columns; track $index) {
-              <td>
+              <td class="w-3xs min-w-3xs max-w-3xs">
                 <p-skeleton />
               </td>
             }