Sha256: f5dcf12304e82226bd4d40b578103307383031822a3ca0c55ca3fda3181d9b1b
Contents?: true
Size: 1.82 KB
Versions: 58
Compression:
Stored size: 1.82 KB
Contents
<%- snippet = capture do %>
<table>
<thead>
<tr>
<th colspan="2">Item Description</th>
<th>Long Item Text</th>
<th>Price</th>
<th>Quantity</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td class="item-image">
<img src="http://placehold.it/50x50">
</td>
<td class="no-wrap">
Ruby on Rails Bag<br>
SKU: ROR-00012
</td>
<td>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nihil illinc huc pervenit.
Sed quae tandem ista ratio est? Ergo ita: non posse honeste vivi, nisi honeste vivatur?
Scisse enim te quis coarguere possit? Duo Reges: constructio interrete.
Sic, et quidem diligentius saepiusque ista loquemur inter nos agemusque communiter.
Sed in rebus apertissimis nimium longi sumus.
Quod si ita se habeat, non possit beatam praestare vitam sapientia.
Etenim nec iustitia nec amicitia esse omnino poterunt, nisi ipsae per se expetuntur.
</td>
<td>$22.99</td>
<td class="no-wrap">1 x on hand</td>
<td>$22.99</td>
</tr>
<tr>
<td colspan="5">UPS Ground (USD)</td>
<td>
<span>$5.00</span>
</td>
</tr>
<tr>
<td colspan="6">No tracking details provided.</td>
</tr>
</tbody>
</table>
<%- end %>
<p>
Tables are the primary UI element in the Solidus admin.
By default the content of all table headers have text wrapping disabled.
</p>
<p>
For cases where also data cells need to have text wrapping disabled we provide
the <code>.no-wrap</code> class.
</p>
<div class="style-guide-result">
<%= snippet %>
</div>
<div class="style-guide-code">
<pre><code class="language-html"><%= escape_once snippet %></code></pre>
</div>
Version data entries
58 entries across 58 versions & 2 rubygems