DataTable

TsgcHTMLComponent_DataTable — una tabella dati di livello superiore che combina Grid e Pagination dentro una card con barra di ricerca, selettore della dimensione di pagina, pulsante di esportazione e conteggio delle righe, in Delphi, C++ Builder e .NET.

TsgcHTMLComponent_DataTable

Collega un dataset, imposta una dimensione di pagina e le opzioni della barra degli strumenti, quindi leggi la proprietà HTML — il Grid e la Pagination interni sono esposti se ti serve un controllo più fine.

Classe del componente

TsgcHTMLComponent_DataTable

Renderizza

Bootstrap 5 card with toolbar, <table> + pagination

Famiglia

Dati e Tabelle

Linguaggi

Delphi, C++ Builder, .NET

Collega un dataset, imposta la barra, renderizzalo

Imposta un Title e i flag della barra degli strumenti, chiama LoadFromDataSet con una dimensione di pagina, quindi leggi HTML. Accedi al Grid interno per regolare le colonne.

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

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Binding ai dataset

LoadFromDataSet(aDataSet, aPageSize) riempie la griglia interna e imposta la paginazione dal numero di record; DataSource guida l’aggiornamento live.

Barra degli strumenti

ShowSearch con SearchPlaceholder e SearchAction, ShowExport, ShowPageSize con PageSizes e un’intestazione Title compongono la barra degli strumenti.

Piè di pagina

ShowRowCount stampa il riepilogo delle righe visibili accanto al controllo di paginazione in fondo alla card.

Grid interno

Grid espone l’intero TsgcHTMLComponent_Grid — imposta direttamente su di esso Striped, Bordered, le colonne, l’ordinamento/filtro e altro ancora.

Pagination

Pagination espone l’istanza TsgcHTMLComponent_Pagination per CurrentPage, PageSize e TotalItems.

Layout

TableID identifica la card e la tabella interna; ToolbarClass sovrascrive le classi predefinite della riga della barra degli strumenti.

Continua a esplorare

Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 60 componenti.
Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.
PrezziLicenze Single, Team e Site con codice sorgente completo.

Pronto a Iniziare?

Scarica la versione di prova gratuita e inizia a creare interfacce web in Delphi, C++ Builder e .NET.