DataTable

TsgcHTMLComponent_DataTable — una tabla de datos de alto nivel que envuelve un Grid y una Pagination dentro de una tarjeta con barra de búsqueda, selector de tamaño de página, botón de exportación y recuento de filas, en Delphi, C++ Builder y .NET.

De un vistazo

TsgcHTMLComponent_DataTable

Vincula un dataset, define un tamaño de página y las opciones de la barra de herramientas, y luego lee la propiedad HTML — el Grid y la Pagination internos quedan expuestos si necesitas un control más fino.

Clase del componente

TsgcHTMLComponent_DataTable

Genera

Tarjeta de Bootstrap 5 con barra de herramientas, <table> + paginación

Familia

Datos y Tablas

Lenguajes

Delphi, C++ Builder, .NET

Inicio rápido

Vincula un dataset, configura la barra de herramientas y genérala

Define un Title y los indicadores de la barra de herramientas, llama a LoadFromDataSet con un tamaño de página y luego lee HTML. Accede al Grid interno para ajustar las columnas.

uses
  sgcHTML_Component_DataTable;

var
  oTable: TsgcHTMLComponent_DataTable;
begin
  oTable := TsgcHTMLComponent_DataTable.Create(nil);
  try
    oTable.Title := 'Customers';
    oTable.ShowSearch := True;
    oTable.ShowExport := True;
    oTable.ShowRowCount := True;
    oTable.SearchPlaceholder := 'Search customers...';

    oTable.Grid.Striped := True;
    oTable.LoadFromDataSet(qryCustomers, 25);

    WebModule.Response := oTable.HTML;   // card + table + pagination
  finally
    oTable.Free;
  end;
end;

// includes: sgcHTML_Component_DataTable.hpp

TsgcHTMLComponent_DataTable *oTable = new TsgcHTMLComponent_DataTable(NULL);
try
{
  oTable->Title = "Customers";
  oTable->ShowSearch = true;
  oTable->ShowExport = true;
  oTable->ShowRowCount = true;
  oTable->SearchPlaceholder = "Search customers...";

  oTable->Grid->Striped = true;
  oTable->LoadFromDataSet(qryCustomers, 25);

  String html = oTable->HTML;   // card + table + pagination
}
__finally
{
  delete oTable;
}

using esegece.sgcWebSockets;

var table = new TsgcHTMLComponent_DataTable();
table.Title = "Customers";
table.ShowSearch = true;
table.ShowExport = true;
table.ShowRowCount = true;
table.SearchPlaceholder = "Search customers...";

table.Grid.Striped = true;
table.LoadFromDataSet(qryCustomers, 25);

string html = table.HTML;   // card + table + pagination

Referencia

Propiedades y métodos clave

Los miembros que usarás con más frecuencia.

Vinculación de datasets

LoadFromDataSet(aDataSet, aPageSize) rellena la rejilla interna y configura la paginación a partir del recuento de registros; DataSource permite una actualización en vivo.

Barra de herramientas

ShowSearch con SearchPlaceholder y SearchAction, ShowExport, ShowPageSize con PageSizes, y un encabezado Title componen la barra de herramientas.

Pie

ShowRowCount muestra el resumen de filas visibles junto al control de paginación en la parte inferior de la tarjeta.

Grid interno

Grid expone el TsgcHTMLComponent_Grid completo — define Striped, Bordered, columnas, ordenación/filtrado y mucho más directamente en él.

Paginación

Pagination expone la instancia TsgcHTMLComponent_Pagination para CurrentPage, PageSize y TotalItems.

Diseño

TableID identifica la tarjeta y la tabla interna; ToolbarClass sobrescribe las clases de fila de la barra de herramientas predeterminadas.

Recursos

Sigue explorando

	Todos los componentes de sgcHTMLExplora la matriz completa de más de 60 componentes.	Abrir
	Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.	Abrir
	PreciosLicencias Single, Team y Site con código fuente completo.	Abrir