Fix columns sizes [SCI-10093]

app/assets/stylesheets/shared/ag_table.scss

@@ -1,7 +1,7 @@
 .ag-root-wrapper {
   --agg-row-border-color: var(--sn-light-grey);
   --ag-odd-row-background-color: var(--sn-white);
-  --ag-header-background-color: var(--sn-light-grey);
+  --ag-header-background-color: transparent;
   --ag-selected-row-background-color: var(--sn-super-light-blue);
   --ag-range-selection-border: var(--sn-science-blue);
   --ag-grid-size: .5rem;
@@ -22,6 +22,11 @@
     border-bottom: 0;
   }
 
+  .ag-pinned-left-header,
+  .ag-header-container {
+    background-color: var(--sn-light-grey);
+  }
+
   .ag-input-field-input {
     cursor: pointer;
   }

app/javascript/vue/my_modules/list.vue

@@ -106,7 +106,6 @@ export default {
     const columns = [
       {
         field: 'name',
-        flex: 1,
         headerName: this.i18n.t('experiments.table.column.task_name_html'),
         sortable: true,
         cellRenderer: this.nameRenderer

app/javascript/vue/shared/datatable/table.vue

@@ -203,6 +203,7 @@ export default {
     extendedColumnDefs() {
       const columns = this.columnDefs.map((column) => ({
         ...column,
+        minWidth: column.minWidth || 110,
         cellRendererParams: {
           dtComponent: this
         },
@@ -285,6 +286,8 @@ export default {
   },
   methods: {
     handleScroll() {
+      if (this.scrollMode === 'pages') return;
+
       let target = null;
       if (this.currentViewRender === 'cards') {
         target = this.$refs.cardsContainer;
@@ -315,7 +318,7 @@ export default {
     resize() {
       if (this.tableState) return;
 
-      this.gridApi.sizeColumnsToFit();
+      this.columnApi?.autoSizeAllColumns();
     },
     reloadTable() {
       if (this.dataLoading) return;