<%= pb_rails("table") do %> <%= pb_rails("table/table_head") do %> <%= pb_rails("table/table_row") do %> <%= pb_rails("table/table_header", props: { text: "Column 1" }) %> <%= pb_rails("table/table_header", props: { text: "Column 2" }) %> <%= pb_rails("table/table_header", props: { text: "Column 3" }) %> <%= pb_rails("table/table_header", props: { text: "Column 4" }) %> <%= pb_rails("table/table_header", props: { text: "Column 5" }) %> <% end %> <% end %> <%= pb_rails("table/table_body") do %> <%= pb_rails("table/table_row") do %> <%= pb_rails("table/table_cell") do %> Value 1a
Value 1a
Value 1a <% end %> <%= pb_rails("table/table_cell", props: { text: "Value 2a" }) %> <%= pb_rails("table/table_cell", props: { text: "Value 3a" }) %> <%= pb_rails("table/table_cell", props: { text: "Value 4a" }) %> <%= pb_rails("table/table_cell", props: { text: "Value 5a" }) %> <% end %> <%= pb_rails("table/table_row", props: { vertical_align: "middle" }) do %> <%= pb_rails("table/table_cell") do %> Value 1b
Value 1b
Value 1b <% end %> <%= pb_rails("table/table_cell", props: { text: "Value 2b" }) %> <%= pb_rails("table/table_cell", props: { text: "Value 3b" }) %> <%= pb_rails("table/table_cell", props: { text: "Value 4b" }) %> <%= pb_rails("table/table_cell", props: { text: "Value 5b" }) %> <% end %> <%= pb_rails("table/table_row", props: { vertical_align: "bottom" }) do %> <%= pb_rails("table/table_cell") do %> Value 1c
Value 1c
Value 1c <% end %> <%= pb_rails("table/table_cell", props: { text: "Value 2c" }) %> <%= pb_rails("table/table_cell", props: { text: "Value 3c" }) %> <%= pb_rails("table/table_cell", props: { text: "Value 4c" }) %> <%= pb_rails("table/table_cell", props: { text: "Value 5c" }) %> <% end %> <% end %> <% end %>