Tritium UI

TritiumDataGrid

Muestre, edite, filtre, agrupe y exporte datos tabulares o jerárquicos en una cuadrícula MAUI.

TritiumDataGrid con agrupación y filtros

Funciones clave

  • Enlace ItemsSource y genere columnas automáticamente, o declare columnas de texto, numéricas, booleanas, de fecha, combinadas y de plantilla.
  • Deje que los usuarios ordenen, cambien el tamaño, reordenen, oculten y congelen columnas a la izquierda o a la derecha.
  • Filtre con un cuadro de texto, una lista o árbol de valores distintos, filtros al estilo de Excel y un filtro avanzado Y/O.
  • Agrupe filas, expanda un árbol de hijos, muestre detalles de fila y alterne entre un diseño de tabla y de tarjetas.
  • Edite celdas en línea o con una plantilla de fila, y deshaga o acepte los cambios.
  • Seleccione filas o celdas, copie la selección como texto separado por tabuladores y péguela de nuevo en la cuadrícula.
  • Muestre resúmenes de columna (suma, promedio, recuento, mín, máx), combine celdas iguales, fije filas y coloree celdas con reglas condicionales.
  • Paginé las filas, busque texto y guarde o restaure el estado de columnas, orden, filtro y grupo.
  • Exporte CSV o Excel, e imprima o previsualice la vista actual como HTML.

Plataformas

Android, iOS, Mac Catalyst y Windows 10 versión 19041 y posteriores (.NET 10 MAUI).

API principal

  • ItemsSource . The rows to display.
  • Columns . Explicit text, numeric, boolean, date, combo, or template columns.
  • SelectionMode . None, single-row, or multiple-row selection.
  • CellEditEnded . Fires after an inline edit; set Cancel on CellEditStarting to block it.

Ejemplo básico

Declare este espacio de nombres en la página.

xmlns:grid="clr-namespace:Tritium.Maui.DataGrid;assembly=Tritium.Maui.DataGrid"
<grid:TritiumDataGrid ItemsSource="{Binding Orders}" SelectionMode="Single" CanUserFilter="True">
    <grid:TritiumDataGrid.Columns>
        <grid:DataGridTextColumn HeaderText="Order" BindingPath="OrderId" />
        <grid:DataGridNumericColumn HeaderText="Amount" BindingPath="Amount" StringFormat="C" />
    </grid:TritiumDataGrid.Columns>
</grid:TritiumDataGrid>

Agregue el origen de paquetes de su licencia y luego referencie el paquete que incluye este control. Estos paquetes no están en la galería pública de NuGet.

Ask Tritium

How-to help and product fit for FleetPro, Tritium UI, and Tritium Reporting.

Ask how to use a feature, or tell us your company, platforms, team size, and use case. Pricing and upgrades go to sales.

Product fit
Contact sales

Search the FAQ