Untitled

 avatar
unknown
plain_text
5 months ago
1.6 kB
4
Indexable
rowData: adjustedDetails,
    pagination: false,
    domLayout: 'normal',
    defaultColDef: {
      resizable: true,
      tooltipField: 'headerName', // Agrega un tooltip para mostrar el texto completo al pasar el ratón
    },
    getRowStyle: () => ({
      fontSize: '14px',
      fontWeight: '400',
      lineHeight: '16.94px',
      letterSpacing: '0.05em',
      textAlign: 'left',
      color: '#6E6893',
    }),
    onGridReady: (params) => {
      const gridDiv = document.querySelector(`#ag-grid-${index}`);
      const rowCount = params.api.getDisplayedRowCount();
      const totalHeight = Math.max(rowCount, MIN_ROWS) * ROW_HEIGHT + HEADER_HEIGHT;

      console.log(`Altura calculada: ${totalHeight}px`);
      gridDiv.style.height = `${totalHeight}px`;

      setTimeout(() => params.api.sizeColumnsToFit(), 0);
    },
  };

  const gridDiv = document.querySelector(`#ag-grid-${index}`);
  if (!gridDiv) {
    console.error(`No se encontró el contenedor para la tabla con ID: ag-grid-${index}`);
    return;
  }

  gridDiv.style.height = `${MIN_ROWS * ROW_HEIGHT + HEADER_HEIGHT}px`;
  gridDiv.style.width = '100%';
  gridDiv.style.border = '1px solid #ddd';
  gridDiv.classList.add('ag-theme-alpine');

  if (!gridDiv.innerHTML.trim()) {
    new agGrid.Grid(gridDiv, gridOptions);
  } else {
    gridDiv.innerHTML = '';
    new agGrid.Grid(gridDiv, gridOptions);
  }

  const resizeObserver = new ResizeObserver(() => {
    if (gridOptions.api) gridOptions.api.sizeColumnsToFit();
  });
  resizeObserver.observe(gridDiv);
}
Editor is loading...
Leave a Comment