<%
row = cell(:elements, :row).new
block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
code = cell(:elements, :code).new
%>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Cells Elements: Table') %>
Tables can be used to show datas to user.
<%=raw block.close %>
<%=raw row.close %>
<%=raw cell(:elements, :title).new(label: 'Static HTML Table', size: 3) %>
<%=raw row.open %>
<%=raw block.open %>
| Name |
Last login |
| Pippo baudo |
Two days ago |
| Mario Rossi |
Last week |
<%=raw block.close %>
<%=raw row.close %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
<%=raw code.open %>
<%= "" %>
<%=raw code.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw cell(:elements, :title).new(label: 'Static HTML Table with borders', size: 3) %>
<%=raw row.open %>
<%=raw block.open %>
| Name |
Last login |
| Pippo baudo |
Two days ago |
| Mario Rossi |
Last week |
<%=raw block.close %>
<%=raw row.close %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
<%=raw code.open %>
<%= "" %>
<%=raw code.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw cell(:elements, :title).new(label: 'Normal Table', size: 3) %>
<%=raw row.open %>
<%=raw block.open %>
<% example_table = cell(:elements, :table, :container).new %>
<%=raw example_table.open %>
<%=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login']) %>
<% example_table_body = cell(:elements, :table, :body).new %>
<%=raw example_table_body.open %>
<%=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', 'Two days ago']) %>
<%=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', 'Last week']) %>
<%=raw example_table_body.close %>
<%=raw example_table.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
<%=raw code.open %>
<%= erb_open_tag %> example_table = cell(:elements, :table, :container).new <%= erb_close_tag %>
<%= erb_open_tag %>=raw example_table.open <%= erb_close_tag %>
...
<%= erb_open_tag %>=raw example_table.close <%= erb_close_tag %>
<%=raw code.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw cell(:elements, :title).new(label: 'Table with borders', size: 3) %>
<%=raw row.open %>
<%=raw block.open %>
<% example_table = cell(:elements, :table, :container).new(border: true) %>
<%=raw example_table.open %>
<%=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login']) %>
<% example_table_body = cell(:elements, :table, :body).new %>
<%=raw example_table_body.open %>
<%=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', 'Two days ago']) %>
<%=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', 'Last week']) %>
<%=raw example_table_body.close %>
<%=raw example_table.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
<%=raw code.open %>
<%= erb_open_tag %> example_table = cell(:elements, :table, :container).new(border: true) <%= erb_close_tag %>
<%= erb_open_tag %>=raw example_table.open <%= erb_close_tag %>
...
<%= erb_open_tag %>=raw example_table.close <%= erb_close_tag %>
<%=raw code.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw cell(:elements, :title).new(label: 'Table scrollable with fixed header', size: 3) %>
<%=raw row.open %>
<%=raw block.open %>
<% example_table = cell(:elements, :table, :container).new(fixed: true, height: 150) %>
<%=raw example_table.open %>
<%=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login']) %>
<% example_table_body = cell(:elements, :table, :body).new %>
<%=raw example_table_body.open %>
<% 100.times do %>
<%=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', 'Two days ago']) %>
<% end %>
<%=raw example_table_body.close %>
<%=raw example_table.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
<%=raw code.open %>
<%= erb_open_tag %> example_table = cell(:elements, :table, :container).new(fixed: true, height: 150) <%= erb_close_tag %>
<%= erb_open_tag %>=raw example_table.open <%= erb_close_tag %>
...
<%= erb_open_tag %>=raw example_table.close <%= erb_close_tag %>
<%=raw code.close %>
<%=raw block.close %>
<%=raw row.close %>