DataTable
TsgcHTMLComponent_DataTable — 検索ツールバー、ページサイズ選択、エクスポートボタン、行数表示を備えたカード内に Grid と Pagination をラップした高レベルのデータテーブルを Delphi、C++ Builder、.NET で実現します。
TsgcHTMLComponent_DataTable — 検索ツールバー、ページサイズ選択、エクスポートボタン、行数表示を備えたカード内に Grid と Pagination をラップした高レベルのデータテーブルを Delphi、C++ Builder、.NET で実現します。
データセットをバインドし、ページサイズとツールバーのオプションを設定したら、HTML プロパティを読み取ります — さらに細かく制御したい場合は、内部の Grid と Pagination が公開されています。
TsgcHTMLComponent_DataTable
ツールバー、<table> + ページネーションを備えた Bootstrap 5 カード
Delphi, C++ Builder, .NET
Title とツールバーのフラグを設定し、ページサイズを指定して LoadFromDataSet を呼び出したら、HTML を読み取ります。列を調整するには、内部の Grid にアクセスします。
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最もよく使うメンバー。
LoadFromDataSet(aDataSet, aPageSize) は内部グリッドを埋め、レコード数からページネーションを設定します。DataSource はライブ更新を駆動します。
SearchPlaceholder と SearchAction を備えた ShowSearch、ShowExport、PageSizes を備えた ShowPageSize、Title の見出しがツールバーを構成します。
ShowRowCount は、カード下部のページネーションコントロールの横に、表示中の行数の概要を表示します。
Grid は完全な TsgcHTMLComponent_Grid を公開します — Striped、Bordered、列、並べ替え/フィルターなどを直接設定できます。
Pagination は、CurrentPage、PageSize、TotalItems 用に TsgcHTMLComponent_Pagination インスタンスを公開します。
TableID はカードと内部テーブルを識別します。ToolbarClass はデフォルトのツールバー行のクラスを上書きします。