Untitled
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