TsgcHTMLComponent_DataTable — tabela danych wyższego poziomu, która opakowuje Grid i Pagination w karcie z paskiem narzędzi z wyszukiwaniem, selektorem rozmiaru strony, przyciskiem eksportu i licznikiem wierszy, w Delphi, C++ Builder i .NET.
Powiąż zestaw danych, ustaw rozmiar strony i opcje paska narzędzi, a następnie odczytaj właściwość HTML — wewnętrzne Grid i Pagination są udostępnione, jeśli potrzebujesz precyzyjniejszej kontroli.
TsgcHTMLComponent_DataTable
Karta Bootstrap 5 z paskiem narzędzi, <table> + paginacją
Delphi, C++ Builder, .NET
Ustaw Title i flagi paska narzędzi, wywołaj LoadFromDataSet z rozmiarem strony, a następnie odczytaj HTML. Sięgnij do wewnętrznego Grid, aby dostroić kolumny.
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 + paginationSkładniki, po które sięgasz najczęściej.
LoadFromDataSet(aDataSet, aPageSize) wypełnia wewnętrzną siatkę i ustawia paginację na podstawie liczby rekordów; DataSource steruje odświeżaniem na żywo.
ShowSearch z SearchPlaceholder i SearchAction, ShowExport, ShowPageSize z PageSizes oraz nagłówek Title tworzą pasek narzędzi.
ShowRowCount wypisuje podsumowanie widocznych wierszy obok elementu paginacji na dole karty.
Grid udostępnia pełny TsgcHTMLComponent_Grid — ustaw na nim bezpośrednio Striped, Bordered, kolumny, sortowanie/filtrowanie i więcej.
Pagination udostępnia instancję TsgcHTMLComponent_Pagination dla CurrentPage, PageSize i TotalItems.
TableID identyfikuje kartę i wewnętrzną tabelę; ToolbarClass nadpisuje domyślne klasy wiersza paska narzędzi.