Ir al contenido

Columnas data-table responsive

Generado automáticamente desde el archivo fuente. No editar a mano — vuelve a ejecutar catalyst-changelog-sync.

  • <mod>.columns.ts ahora emite un par explícito de size (columnas rígidas) o size + minSize (elásticas) para cada columna escalar y FK, derivado del tipo de la property mediante una tabla heurística cerrada — boolean → 100, varchar/char ≤ 100 → 200/120, varchar/char > 100 → 300/160, text → 300/160, label FK → 220/140.
  • Las columnas runtime-compuestas actions (size 50) y select (size 40) reciben sticky: 'left', anclándolas al borde izquierdo bajo scroll horizontal.
  • Los renderers de celda escalar no-boolean renderizan null / undefined como vacío (?? '') en lugar del literal "null".

Sin size/minSize explícitos, TanStack inyecta defaults que colapsan toda columna al bucket elástico-sin-mínimo — los anchos saltan entre páginas y no hay anclaje para los offsets sticky. La heurística nueva fija las columnas rígidas a un ancho determinista y deja a las elásticas absorber espacio hasta un mínimo, dando un layout que aguanta en viewports estrechos y anchos estables al paginar. El fallback null-safe en la celda cierra un bug visual previo.


Ver propuesta original