Tenga en cuenta que este control ha quedado obsoleto y reemplazado con el componente Grid y, como tal, recomendamos migrar a ese control. Esto no recibirá ninguna característica nueva, las correcciones de errores no tendrán prioridad. Para obtener ayuda o preguntas sobre la migración de su código base a Data Grid, comuníquese con el soporte.

    Blazor Grid/Table Pagination

    Las interfaces de usuario de tablas tabulares se usan habitualmente en muchos productos web. Crear una interfaz de usuario de tabla tabular desde cero no es fácil, sin embargo, Ignite UI for Blazor cuadrícula, crear una interfaz de usuario de tabla es sencillo y vincular grandes cantidades de datos locales o remotos a la cuadrícula de Blazor es fácil. Dado que la cuadrícula está virtualizada de forma predeterminada, no es necesario incluir la paginación de tablas para mostrar grandes conjuntos de datos. Se utiliza principalmente debido a sus formas más eficientes de organizar datos complejos en la interfaz de usuario. Con la paginación de tablas, los datos se pueden mostrar en un número determinado de filas, lo que permite a los usuarios "desplazarse" por sus datos, sin necesidad de una barra de desplazamiento. La interfaz de usuario para la paginación de tablas suele incluir elementos como la página actual, el total de páginas y las flechas o botones Anterior y Siguiente en los que se puede hacer clic y que permiten a los usuarios pasar de página, como se muestra aquí:

    La paginación de filas se habilita dentro de la tabla de datos Ignite UI for Blazor / cuadrícula de datos mediante la configuración de la IsPagerVisible propiedad. Además, puede limitar el número máximo de filas visibles mediante la configuración PageSize.

    Ejemplo de paginación de filas de Blazor

    EXAMPLE
    MODULES
    RAZOR
    CSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Blazor completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

    Descripción general

    Desde una perspectiva de UX, la paginación de tablas tiene ventajas y desventajas. Según un artículo reciente sobre UX Matters, aquí hay un desglose de lo bueno y lo malo cuando se trata de paginación de tablas.

    Beneficios de la paginación de tablas:

    • Limita la elección del usuario
    • Los clics son medibles

    Negativos de paginación de tablas:

    • Los usuarios todavía tienen que desplazarse
    • Los buscapersonas funcionan y se comportan de manera diferente de un sitio a otro
    • Demasiados controles de UI pueden resultar confusos
    • Los usuarios perciben la paginación como algo lento y engorroso.
    • Es posible que los usuarios no noten los controles de paginación
    • La carga de la página puede ser lenta
    • Los usuarios no saben si las acciones se aplican a la página o al conjunto completo de datos.

    Con la cuadrícula Ignite UI Blazor, permitimos que el desarrollador agregue paginación, sin embargo, como la cuadrícula tiene desplazamiento infinito incorporado de forma predeterminada, recomendamos el desplazamiento infinito (o virtual) en lugar de agregar un localizador a la cuadrícula. Con el desplazamiento infinito virtualizado como experiencia de usuario predeterminada, obtiene:

    • Mejor rendimiento sin dejar de tener control sobre la cantidad de datos que se "paginan" a través de la interacción de desplazamiento
    • Enfoque natural para desplazarse por todo el contenido.
    • Todas las interacciones son claras para el usuario final.
    • Mapas de las interacciones naturales en una UX móvil

    Blazor Sincronización de cuadrícula/página

    Cuando los usuarios interactúan con la cuadrícula como la ordenación y la agrupación, y ha habilitado el localizador de Blazor en la cuadrícula, debe utilizar las siguientes funciones para asegurarse de que los datos de paginación Blazor se sincronicen con la visualización de la tabla Blazor.

    • aplicarclasificaciones
    • aplicarGrupos
    • aplicar filtros

    Referencias de API