<%= pb_rails("table", props: { size: "sm" }) do %> Product Colors Column 2 Column 3 Column 4 Column 5 <%= pb_rails("table/table_row", props: { side_highlight_color: "product_1_highlight" }) do %> Product 1 Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "product_2_highlight" }) do %> Product 2 Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "product_3_highlight" }) do %> Product 3 Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "none" }) do %> None Value 2 Value 3 Value 4 Value 5 <% end %> <% end %>
<%= pb_rails("table", props: { size: "sm" }) do %> Status Colors Column 2 Column 3 Column 4 Column 5 <%= pb_rails("table/table_row", props: { side_highlight_color: "success" }) do %> Success Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "warning" }) do %> Warning Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "error" }) do %> Error Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "none" }) do %> None Value 2 Value 3 Value 4 Value 5 <% end %> <% end %>
<%= pb_rails("table", props: { size: "sm" }) do %> Cateogry Colors Column 2 Column 3 Column 4 Column 5 <%= pb_rails("table/table_row", props: { side_highlight_color: "category_1" }) do %> Category Color 1 Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "category_2" }) do %> Category Color 2 Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "category_3" }) do %> Category Color 3 Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "none" }) do %> None Value 2 Value 3 Value 4 Value 5 <% end %> <% end %>