Data Table

Table with sorting, search and pagination done on the server. Everything is a real link or GET field (it works without JS); with JS, each action swaps only the table region and the URL keeps the state. The search box sits outside the swapped region, so typing is never interrupted.

@components.DataTable(components.DataTableProps{
  ID: "protocols", URL: "/protocols", Columns: columns,
  Sort: r.Sort, Dir: r.Dir, Query: q, Page: r.Page, TotalPages: r.TotalPages, Total: r.Total,
  Searchable: true,
}) { for _, p := range r.Rows { <tr>...</tr> } }