Table

<Table
  id="example-table"
  sort_key={@sort_key}
  sort_dir={@sort_dir}
  limit={@limit}
  offset={@offset}
  paging_info={%{
    total_count: 100,
    visible_count: length(@models)
  }}
  {[email protected]}
  items={model <- @models}
  row_click="handle_row_click"
  paging_click="handle_paging_click"
  sorting_click="handle_sorting_click"
>
  <Column name="id" label="Label" sortable>
    {model.id}
  </Column>
  <Column name="name" label="Name" sortable>
    {model.name}
  </Column>
  <Column name="created_at" label="Created at" sortable>
    <DateTime value={model.created_at} />
  </Column>
</Table>
{#if @selected}
  <Drawer>
    <Drawer.Dialog close="close_drawer">
      <:title>
        Selected {@selected}
      </:title>
      <:footer>
        <Button on_click="close_drawer">Close</Button>
      </:footer>
    </Drawer.Dialog>
  </Drawer>
{/if}