DataTable

TsgcHTMLComponent_DataTable — un tableau de données de plus haut niveau qui enveloppe un Grid et une Pagination dans une carte avec une barre d'outils de recherche, un sélecteur de taille de page, un bouton d'export et un décompte de lignes, en Delphi, C++ Builder et .NET.

En bref

TsgcHTMLComponent_DataTable

Liez un jeu de données, définissez une taille de page et les options de la barre d'outils, puis lisez la propriété HTML — le Grid et la Pagination internes sont exposés si vous avez besoin d'un contrôle plus fin.

Classe du composant

TsgcHTMLComponent_DataTable

Produit

Une carte Bootstrap 5 avec barre d'outils, <table> + pagination

Famille

Données & Tableaux

Langages

Delphi, C++ Builder, .NET

QuickStart

Liez un jeu de données, définissez la barre d'outils, affichez-le

Définissez un Title et les indicateurs de la barre d'outils, appelez LoadFromDataSet avec une taille de page, puis lisez HTML. Accédez au Grid interne pour ajuster les colonnes.

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

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Liaison de jeu de données

LoadFromDataSet(aDataSet, aPageSize) remplit la grille interne et définit la pagination à partir du nombre d'enregistrements ; DataSource pilote un rafraîchissement en direct.

Barre d'outils

ShowSearch avec SearchPlaceholder et SearchAction, ShowExport, ShowPageSize avec PageSizes, et un titre Title composent la barre d'outils.

Pied de page

ShowRowCount affiche le récapitulatif des lignes visibles à côté du contrôle de pagination au bas de la carte.

Grid interne

Grid expose le TsgcHTMLComponent_Grid complet — définissez Striped, Bordered, les colonnes, le tri/filtre et plus encore directement dessus.

Pagination

Pagination expose l'instance TsgcHTMLComponent_Pagination pour CurrentPage, PageSize et TotalItems.

Mise en page

TableID identifie la carte et le tableau interne ; ToolbarClass remplace les classes par défaut de la ligne de la barre d'outils.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir