StippleUI.Tables.Column - Type
Column(name::String, args...)

Examples

julia> Column("x2", align = :right)

Arguments

  • required::Bool - if we use visiblecolumns, this col will always be visible
  • label::String - label for header
  • align::Symbol - alignment for cell
  • field::String - row Object property to determine value for this column ex. name
  • sortable::Bool - tell table you want this column sortable

source


StippleUI.Tables.DataTablePagination - Type
DataTablePagination(sort_by::Symbol, descending::Bool, page::Int, rows_per_page::Int)

Examples

julia> DataTablePagination(rows_per_page=50)

source


StippleUI.Tables.DataTableOptions - Type
DataTableOptions(addid::Bool, idcolumn::String, columns::Union{Vector{Column},Nothing}, columnspecs::Dict{Union{String, Regex}, Dict{Symbol, Any}})

Examples

julia> DataTableOptions(columns = [Column("x1"), Column("x2", align = :right)])

Columnspecs

Usage for formating columns

julia> import Stipple.opts
julia> df = DataFrame(a = sin.(-Ï€:Ï€/10:Ï€), b = cos.(-Ï€:Ï€/10:Ï€), c = string.(rand(21)))
julia> dt = DataTable(df)
julia> dt.opts.columnspecs[r"^(a|b)$"] = opts(format = jsfunction(raw"(val, row) => `${100*val.toFixed(3)}%`"))
julia> model.table[] = dt

source


StippleUI.Tables.DataTable - Type
DataTable(data::T, opts::DataTableOptions)

Examples

julia> df = DataFrame(a = sin.(-Ï€:Ï€/10:Ï€), b = cos.(-Ï€:Ï€/10:Ï€), c = string.(rand(21)))
julia> dt = DataTable(df)

or

julia> using TypedTables
julia> t = Table(a = [1, 2, 3], b = [2.0, 4.0, 6.0])
julia> dt = DataTable(t)

or

julia> using Tables
julia> Tables.table([1 2 3; 3 4 5], header = ["a", "b", "c"])
julia> dt = DataTable(t1)

source


StippleUI.Tables.columns - Function
columns(t::T)::Vector{Column} where {T<:DataTable}

julia> columns = [Column("x1"), Column("x2", align = :right)]

source


Genie.Renderer.Html.table - Function
table(fieldname::Symbol, args...; kwargs...)

Examples

Model

julia> @vars TableModel begin
          data::R{DataTable} = DataTable(DataFrame(rand(100000,2), ["x1", "x2"]), DataTableOptions(columns = [Column("x1"), Column("x2", align = :right)]))
          data_pagination::DataTablePagination = DataTablePagination(rows_per_page=50)
       end

View

julia> table(:data; pagination=:data_pagination, style="height: 350px;", title="Random numbers")

Styling can be achieved by the use of the attributes cell_class, cell_style, inner_class, inner_style, change_class, change_style, inner_change_class, inner_change_style.

ui() = table(:table, edit = ["name", "email", "age"], cell_type = ["text", "text", "number"])

ui() = table(:table, cell_class = "text-blue-10 bg-blue-2")

More info on styling and more complex styling can be found under cell_templates.

Manual styling can also be applied as follows:

table(:table, template(@slot(:body-cell, :props), [
  StippleUI.td(
    textfield("", R"props.row[props.col.name]", :dense, :borderless,
      inputstyle = "font-weight: 400; font-size: 0.9rem; padding-top: 0; padding-bottom: 0"
    )
  )
]))

Note the use of the @slot macro, which is available from Stipple v0.28.7 on. Otherwise use var"v-slot:body-cell" = "props".

source


Stipple.watch - Function
function watch

Abstract function. Can be used by plugins to define custom Vue.js watch functions.

source


Stippleui

Tabpanels

Genie