Sha256: e8d89d66d95c3f647ed89c2c7e3f6e42e32fe5e8824dfdabd446b89991893385
Contents?: true
Size: 1.79 KB
Versions: 2183
Compression:
Stored size: 1.79 KB
Contents
<%= pb_rails("title", props: { size: 4, text: "Not Responsive" }) %>
<%= pb_rails("table", props: { responsive: "none" }) do %>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 5</th>
</tr>
</thead>
<tbody>
<tr>
<td>Value 1</td>
<td>Value 2</td>
<td>Value 3</td>
<td>Value 4</td>
<td>Value 5</td>
</tr>
</tbody>
<% end %>
<br>
<%= pb_rails("title", props: { size: 4, text: "Collapse Mobile" }) %>
<%= pb_rails("table", props: { collapse: "sm" }) do %>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 5</th>
</tr>
</thead>
<tbody>
<tr>
<td>Value 1</td>
<td>Value 2</td>
<td>Value 3</td>
<td>Value 4</td>
<td>Value 5</td>
</tr>
</tbody>
<% end %>
<br>
<%= pb_rails("title", props: { size: 4, text: "Collapse Tablet" }) %>
<%= pb_rails("table", props: { collapse: "md" }) do %>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 5</th>
</tr>
</thead>
<tbody>
<tr>
<td>Value 1</td>
<td>Value 2</td>
<td>Value 3</td>
<td>Value 4</td>
<td>Value 5</td>
</tr>
</tbody>
<% end %>
<br>
<%= pb_rails("title", props: { size: 4, text: "Collapse Desktop" }) %>
<%= pb_rails("table", props: { collapse: "lg" }) do %>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 5</th>
</tr>
</thead>
<tbody>
<tr>
<td>Value 1</td>
<td>Value 2</td>
<td>Value 3</td>
<td>Value 4</td>
<td>Value 5</td>
</tr>
</tbody>
<% end %>
Version data entries
2,183 entries across 2,183 versions & 2 rubygems