LiveUiKit.UI.DataTable (LiveUIKit v0.2.0)

Data tables are used to display large sets of data in a structured way with sorting and pagination.

Link to this section Summary

Functions

Data Table Head component. Make sure to add params. Params is a map that can be taken from tre handle_params callback

Link to this section Functions

Link to this function

data_table_head(arg)

Data Table Head component. Make sure to add params. Params is a map that can be taken from tre handle_params callback

examples

Examples

<.table>
  <.data_table_head params={@params}>
    <:th label="User" sort={:user} class="flex items-center" />
    <:th label="Role" sort={:role} />
  </.data_table_head>
  <.tbody>
    <.tr>
      <.td>Jane<./td>
      <.td>Admin<./td>
    </.tr>
  </.tbody>
</.table>

options

Options

  • extended_class - The class or classes that will be appended to the default class attribute.

All further assigns will be passed to the table tag.

Link to this function

data_table_link(arg)