Class: UiBibz::Ui::Ux::Table

Create a Table

This element is an extend of UiBibz::Ui::Ux::Component.

Attributes

• content - Content of element

• options - Options of element

• html_options - Html Options of element

Options

You can add HTML attributes using the html_options. You can pass arguments in options attribute:

• store - Store generate by 'table_search_pagination' method

• url - String

• tap - Boolean

• actionable - Boolean

• sortable - Boolean

• searchable - Boolean

Signatures

UiBibz::Ui::Ux::Table.new(store: @store)

UiBibz::Ui::Ux::Table.new(store: @store, tap: true) do |t|
  t.columns do |c|
    c.column :id, name: '#'
  end
  t.actions do |a|
    a.action '', url: url, glyph: ''
  end
end

Examples

UiBibz::Ui::Ux::Table.new(store: @users).render

UiBibz::Ui::Ux::Table.new(store: @users).tap do |t|
  t.columns do |c|
    c.column :id, { name: '#' }
    c.column :name_fr', { link: edit_user_path(:id), order: 2 }
    c.column :name_en'
    c.column :status_id, { name: 'Status', format: lambda{ |records, record| "Test #{ record.id}"} }
  end
  t.actions do |a|
    a.action 'toto', url: users_path(:id), glyph: 'eye'
    a.action '---'
    a.action 'momo', url: users_path(:id), glyph: 'home'
  end
end.render

Helper

table(options = {}, html_options = {})

table(options = { tap: true }, html_options = {}) do |t|
  t.columns do |cls|
    cls.column(name, options = {}, html_options = {})
    cls.column(options = {}, html_options = {}) do
      name
    end
  end
  t.actions do |acs|
    acs.action(content, options = {}, html_options = {})
    acs.action(options = {}, html_options = {}) do
      content
    end
  end
end