ToolbarGrid

import { ToolbarGrid, TableColumn } from "@vortex/ui-cals"
 
<ToolbarGrid
  title="상품 목록"
  actions={<button>조회</button>}
  getRowId={(row) => row.id}
  data={data}
  pageSize={10}
>
  <TableColumn field="id" title="ID" width={80} />
  <TableColumn field="name" title="상품명" sortable />
  <TableColumn field="category" title="카테고리" />
  <TableColumn field="price" title="가격" />
</ToolbarGrid>

<ToolbarGrid
  title="검색 + 그리드"
  actions={<><button>검색</button><button>초기화</button></>}
  searchContent={
    <>
      <ToolbarGrid.Col span={8}>
        <Input label="상품명" />
      </ToolbarGrid.Col>
      <ToolbarGrid.Col span={8}>
        <Select label="카테고리" />
      </ToolbarGrid.Col>
    </>
  }
  getRowId={(row) => row.id}
  data={data}
  pageSize={10}
>
  <TableColumn field="id" title="ID" />
  <TableColumn field="name" title="상품명" />
</ToolbarGrid>

<ToolbarGrid title="접기 잠금" collapseDisabled getRowId={...} data={data}>
  ...
</ToolbarGrid>

<ToolbarGrid
  title="건수 표시"
  showPageTotal
  rowCount={350}
  pageSize={20}
  ...
/>