DataTable

TsgcHTMLComponent_DataTable — Delphi, C++ Builder 및 .NET에서 검색 툴바, 페이지 크기 선택기, 내보내기 버튼 및 행 수와 함께 Grid 및 Pagination을 카드 안에 감싸는 상위 수준 데이터 테이블입니다.

TsgcHTMLComponent_DataTable

데이터셋을 바인딩하고, 페이지 크기와 툴바 옵션을 설정한 다음, HTML 속성을 읽습니다 — 더 세밀한 제어가 필요하면 내부 GridPagination이 노출되어 있습니다.

컴포넌트 클래스

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는 실시간 새로 고침을 구동합니다.

툴바

SearchPlaceholderSearchAction이 있는 ShowSearch, ShowExport, PageSizes가 있는 ShowPageSize, 그리고 Title 제목이 툴바를 구성합니다.

푸터

ShowRowCount는 카드 하단의 페이지네이션 컨트롤 옆에 표시되는 행 요약을 출력합니다.

내부 Grid

Grid는 전체 TsgcHTMLComponent_Grid를 제공합니다 — Striped, Bordered, 열, 정렬/필터 등을 직접 설정하십시오.

페이지네이션

PaginationCurrentPage, PageSizeTotalItems를 위한 TsgcHTMLComponent_Pagination 인스턴스를 제공합니다.

레이아웃

TableID는 카드와 내부 표를 식별합니다. ToolbarClass는 기본 툴바 행 클래스를 재정의합니다.

계속 살펴보기

모든 sgcHTML 컴포넌트60개 이상의 컴포넌트 전체 기능 매트릭스를 둘러보십시오.
무료 체험판 다운로드30일 체험판에는 60.HTML 데모 프로젝트가 포함됩니다.
가격전체 소스 코드가 포함된 Single, Team 및 Site 라이선스.

시작할 준비가 되셨습니까?

무료 체험판을 다운로드하고 Delphi, C++ Builder 및 .NET에서 웹 UI를 구축하기 시작하십시오.