/

Ajuste y disposición inteligente de columnas

Dos funciones de cuadrícula responsiva, independientes entre sí y activadas por defecto, que mantienen usable una tabla ancha sin necesidad de desplazamiento horizontal en pantallas más pequeñas.

Resumen

Ambas funciones están activadas por defecto en todo el sitio (XcrudConfig::$intelligentColumnFit y XcrudConfig::$intelligentColumnArrangement, ambas en true), y las dos pueden anularse por página:

$xcrud->intelligent_column_fit();
$xcrud->intelligent_column_arrangement();

// O desactivar cualquiera de ellas solo para esta página:
$xcrud->intelligent_column_fit(false);
MétodoTipoPor defectoDescripción
intelligent_column_fit($enabled = true)boolXcrudConfig::$intelligentColumnFitAnulación por página del ajuste de columnas
intelligent_column_arrangement($enabled = true)boolXcrudConfig::$intelligentColumnArrangementAnulación por página de la disposición de columnas

Resuelven problemas de ancho distintos y no entran en conflicto; consulta "Cómo interactúan ambas" más abajo.

Ajuste de columnas (Column Fit)

Column Fit mide en vivo, en el navegador, cuáles columnas de una cuadrícula caben realmente en el ancho actual de su contenedor y muestra solo esas; el resto queda oculto tras un pequeño interruptor de expansión por fila que las revela como una línea de detalle "etiqueta: valor" sin bordes, solo para esa fila, al hacer clic. Se vuelve a medir automáticamente al redimensionar la ventana, de modo que una cuadrícula que encaja perfectamente en un monitor ancho y solo muestra 4 de 8 columnas en un portátil mostrará más o menos columnas a medida que la ventana se ensancha o se estrecha.

$xcrud->table('customers');
$xcrud->intelligent_column_fit();

Es puramente aditivo y del lado del cliente: no cambia nada para una tabla cuyas columnas ya encajan, ni para una página que nunca la habilita.

Disposición de columnas (Column Arrangement)

Column Arrangement se dirige específicamente a los viewports estrechos, con ancho de teléfono (aproximadamente ≤640px), donde una tabla ya no tiene ningún sentido de lectura "en horizontal". En lugar de encoger u ocultar columnas, reorganiza cada fila por completo: cada fila de la cuadrícula se convierte en su propia tarjeta apilada y con borde, con una línea "Etiqueta: valor" por campo. Si la fila tiene un campo de imagen, foto o tipo cámara, ese campo se fija como miniatura anclada al borde de la tarjeta en lugar de aparecer como una línea más de etiqueta:valor.

$xcrud->table('products');
$xcrud->intelligent_column_arrangement();

Cómo interactúan ambas

Column Fit y Column Arrangement se conocen mutuamente, no compiten entre sí: en el punto de quiebre estrecho (≤640px), Arrangement toma el control automáticamente sobre Fit; la cuadrícula pasa a ser tarjetas apiladas en lugar de una fila de columnas medida por ajuste. Por encima de ese ancho, Arrangement no hace nada y Fit (si también está habilitado) sigue gestionando el desbordamiento de la forma habitual. En la práctica puedes dejar ambas activadas en todas partes, y cada una intervendrá exactamente donde es la opción adecuada.