DataTable

TsgcHTMLComponent_DataTable — eine übergeordnete Datentabelle, die ein Grid und eine Pagination in einer Karte mit Suchleiste, Seitengrößenauswahl, Export-Schaltfläche und Zeilenanzahl umschließt, in Delphi, C++ Builder und .NET.

Auf einen Blick

TsgcHTMLComponent_DataTable

Binden Sie ein Dataset, setzen Sie eine Seitengröße und Toolbar-Optionen und lesen Sie dann die HTML-Eigenschaft — das innere Grid und die Pagination sind verfügbar, wenn Sie feinere Kontrolle benötigen.

Komponentenklasse

TsgcHTMLComponent_DataTable

Rendert

Bootstrap-5-Karte mit Toolbar, <table> + Pagination

Familie

Daten & Tabellen

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Setzen Sie einen Title und Toolbar-Flags, rufen Sie LoadFromDataSet mit einer Seitengröße auf und lesen Sie dann HTML. Greifen Sie auf das innere Grid zu, um Spalten anzupassen.

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

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Dataset-Bindung

LoadFromDataSet(aDataSet, aPageSize) füllt das innere Grid und setzt die Pagination anhand der Datensatzanzahl; DataSource steuert eine Live-Aktualisierung.

ShowSearch mit SearchPlaceholder und SearchAction, ShowExport, ShowPageSize mit PageSizes und eine Title-Überschrift bilden die Toolbar.

Fußzeile

ShowRowCount zeigt die Zusammenfassung der sichtbaren Zeilen neben dem Pagination-Steuerelement am unteren Rand der Karte an.

Inneres Grid

Grid stellt das vollständige TsgcHTMLComponent_Grid bereit — setzen Sie Striped, Bordered, Spalten, Sortierung/Filterung und mehr direkt daran.

Pagination

Pagination stellt die TsgcHTMLComponent_Pagination-Instanz für CurrentPage, PageSize und TotalItems bereit.

Layout

TableID identifiziert die Karte und die innere Tabelle; ToolbarClass überschreibt die Standard-Toolbar-Zeilenklassen.

Ressourcen

Weiter entdecken

	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen