DataTable

TsgcHTMLComponent_DataTable — een datatabel op hoger niveau die een Grid en Pagination in een kaart omhult met een zoekwerkbalk, paginagrootteselector, exportknop en rijtelling, in Delphi, C++ Builder en .NET.

TsgcHTMLComponent_DataTable

Koppel een dataset, stel een paginagrootte en werkbalkopties in en lees dan de HTML-eigenschap — de interne Grid en Pagination zijn beschikbaar als je fijnere controle nodig hebt.

Componentklasse

TsgcHTMLComponent_DataTable

Rendert

Bootstrap 5-kaart met werkbalk, <table> + paginering

Talen

Delphi, C++ Builder, .NET

Koppel een dataset, stel de werkbalk in, render hem

Stel een Title en werkbalkvlaggen in, roep LoadFromDataSet aan met een paginagrootte en lees dan HTML. Gebruik de interne Grid om kolommen af te stemmen.

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

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Datasetbinding

LoadFromDataSet(aDataSet, aPageSize) vult het interne raster en stelt de paginering in op basis van de recordtelling; DataSource stuurt een live vernieuwing aan.

Werkbalk

ShowSearch met SearchPlaceholder en SearchAction, ShowExport, ShowPageSize met PageSizes en een Title-kop vormen samen de werkbalk.

Voettekst

ShowRowCount toont de samenvatting van zichtbare rijen naast het pagineringsbesturingselement onderaan de kaart.

Intern Grid

Grid biedt het volledige TsgcHTMLComponent_Grid — stel Striped, Bordered, kolommen, sorteren/filteren en meer er rechtstreeks op in.

Paginering

Pagination biedt de TsgcHTMLComponent_Pagination-instantie voor CurrentPage, PageSize en TotalItems.

Layout

TableID identificeert de kaart en interne tabel; ToolbarClass overschrijft de standaard werkbalk-rij-classes.

Blijf ontdekken

Alle sgcHTML-componentenBlader door de volledige functiematrix van 60+ componenten.
Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.
PrijzenSingle-, Team- en Site-licenties met volledige broncode.

Klaar om te beginnen?

Download de gratis proefversie en begin met het bouwen van web-UI's in Delphi, C++ Builder en .NET.