SurfaceBootstrap.Table (surface_bootstrap v0.2.5)

You can create a table by passing data to it and defining columns using the Table.Column component.

Look in the documentation for Table.Column for information on how to do sorting.

Properties

id :string, required: true - The id of the live component (required by LiveView for stateful components). .
data :list, required: true - The data that populates the table internal.
caption :string - Caption text.
caption_top :boolean - Move caption text to the top.
bordered :boolean - Add borders to all the cells.
borderless :boolean - Make table borderless.
border_color :string, values: @colors - Color for borders.
small :boolean - Compact table?.
striped :boolean - Add stripes to the table.
hover :boolean - Hoverable rows?.
class :css_class, default: [] - Any extra CSS class for the <table> element.
color :string, values: @colors - Main table color.
table_header_color :string, values: @colors - Table header color.
table_footer_color :string, values: @colors - Table footer color (ignored if no footer).
row_class :fun - A function that returns a class for the item's underlying <tr> element. The function receives the item and index related to the row. Can be used to set row color ie. "table-dark", "table-success" etc or if row is active; "table-active". .