` element.
```elixir
<:caption>
Posts
```
"""
slot :col,
required: true,
doc: """
For each column to render, add one `<:col>` element.
```elixir
<:col :let={post} label="Name" field={:name} col_style="width: 20%;">
<%= post.name %>
```
Any additional assigns will be added as attributes to the `` elements.
""" do
attr :label, :any, doc: "The content for the header column."
attr :field, :atom,
doc: """
The field name for sorting. If set and the field is configured as sortable
in the resource, the column header will be clickable, allowing the user to
sort by that column. If the field is not marked as sortable or if the
`field` attribute is omitted or set to `nil` or `false`, the column header
will not be clickable.
"""
attr :directions, :any,
doc: """
An optional 2-element tuple used for custom ascending and descending sort
behavior for the column, i.e. `{:asc_nils_last, :desc_nils_first}`
"""
attr :col_style, :string,
doc: """
If set, a `` element is rendered and the value of the
`col_style` assign is set as `style` attribute for the `` element of
the respective column. You can set the `width`, `background`, `border`,
and `visibility` of a column this way.
"""
attr :col_class, :string,
doc: """
If set, a `` element is rendered and the value of the
`col_class` assign is set as `class` attribute for the `` element of
the respective column. You can set the `width`, `background`, `border`,
and `visibility` of a column this way.
"""
attr :class, :string,
doc: """
Additional classes to add to the `| ` and ` | ` element. Will be merged with the
`thead_attr_attrs` and `tbody_td_attrs` attributes.
"""
attr :thead_th_attrs, :list,
doc: """
Additional attributes to pass to the ` | ` element as a static keyword
list. Note that these attributes will override any conflicting
`thead_th_attrs` that are set at the table level.
"""
attr :th_wrapper_attrs, :list,
doc: """
Additional attributes for the `` element that wraps the
header link and the order direction symbol. Note that these attributes
will override any conflicting `th_wrapper_attrs` that are set at the table
level.
"""
attr :tbody_td_attrs, :any,
doc: """
Additional attributes to pass to the ` | ` element. May be provided as a
static keyword list, or as a 1-arity function to dynamically generate the
list using row data. Note that these attributes will override any
conflicting `tbody_td_attrs` that are set at the table level.
"""
end
slot :action,
doc: """
The slot for showing user actions in the last table column. These columns
do not receive the `row_click` attribute.
```elixir
<:action :let={user}>
<.link navigate={~p"/users/\#{user}"}>Show
```
""" do
attr :label, :string, doc: "The content for the header column."
attr :show, :boolean,
doc: "Boolean value to conditionally show the column. Defaults to `true`."
attr :hide, :boolean,
doc: "Boolean value to conditionally hide the column. Defaults to `false`."
attr :col_style, :string,
doc: """
If set, a `` element is rendered and the value of the
`col_style` assign is set as `style` attribute for the `` element of
the respective column. You can set the `width`, `background`, `border`,
and `visibility` of a column this way.
"""
attr :col_class, :string,
doc: """
If set, a `` element is rendered and the value of the
`col_class` assign is set as `class` attribute for the `` element of
the respective column. You can set the `width`, `background`, `border`,
and `visibility` of a column this way.
"""
attr :class, :string,
doc: """
Additional classes to add to the `| ` and ` | ` element. Will be merged with the
`thead_attr_attrs` and `tbody_td_attrs` attributes.
"""
attr :thead_th_attrs, :list,
doc: """
Any additional attributes to pass to the ` | ` as a keyword list.
"""
attr :tbody_td_attrs, :any,
doc: """
Any additional attributes to pass to the ` | `. Can be a keyword list or
a function that takes the current row item as an argument and returns a
keyword list.
"""
end
slot :foot,
doc: """
You can optionally add a `foot`. The inner block will be rendered inside
a `tfoot` element.
<:foot>
| Total: <%= @total %> |
"""
def table_pagify(%{meta: %Meta{}, path: nil, on_sort: nil}) do
raise PathOrJSError, component: :table
end
def table_pagify(%{meta: nil} = assigns) do
assigns =
assigns
|> assign(id: Map.get(assigns, :id, "table"))
|> assign(meta: %Meta{})
|> assign(on_sort: %JS{})
table_pagify(assigns)
end
def table_pagify(%{error: true, opts: opts} = assigns) do
assigns =
assign(assigns, :opts, Table.merge_opts(opts))
~H"""
{@opts[:error_content]}
"""
end
def table_pagify(%{meta: meta, opts: opts} = assigns) do
assigns =
assigns
|> assign(:opts, Table.merge_opts(opts))
|> assign_new(:id, fn -> table_id(meta.resource) end)
~H"""
<%= if !@loading and empty?(@items) do %>
{@opts[:no_results_content]}
<% else %>
<%= if @opts[:container] do %>
"_container"} {@opts[:container_attrs]}>
| | |