<%= pb_rails("table", props: { size: "lg"} ) do %>
<%= pb_rails("table/table_header", props: {
text: "Territory",
id: "territory",
sort_menu: [
{ item: "Territory", link: "?sort=territory_desc", active: params["sort"] == "territory_desc", direction: "desc" },
{ item: "Territory", link: "?sort=territory_asc", active: params["sort"] == "territory_asc", direction: "asc" }
],
}) %>
<%= pb_rails("table/table_header", props: {
id: "name",
text: "Full Name",
colspan: 2,
sort_menu: [
{ item: "First Name Descending", link: "?sort=firstname_desc", active: params["sort"] == "firstname_desc", direction: "desc" },
{ item: "First Name Ascending", link: "?sort=firstname_asc", active: params["sort"] == "firstname_asc", direction: "asc" },
{ item: "Last Name Descending", link: "?sort=lastname_desc", active: params["sort"] == "lastname_desc", direction: "desc" },
{ item: "Last Name Ascending", link: "?sort=lastname_asc", active: params["sort"] == "lastname_asc", direction: "asc" }
],
}) %>
<%= pb_rails("table/table_header", props: {
text: "Age",
id: "age",
sort_dropdown: true,
sort_menu: [
{ item: "Age Descending", link: "?sort=age_desc", active: params["sort"] == "age_desc", direction: "desc" },
{ item: "Age Ascending", link: "?sort=age_asc", active: params["sort"] == "age_asc", direction: "asc" }
],
}) %>
<%= pb_rails("table/table_header", props: { text: "Job Title" }) %>
| Ter 1 |
First Name 1 |
Last Name 1 |
Age 1 |
Job 1 |
| Ter 2 |
First Name 2 |
Last Name 2 |
Age 2 |
Job 2 |
| Ter 3 |
First Name 3 |
Last Name 3 |
Age 3 |
Job 3 |
<% end %>