Sha256: 1df63e826077e29c36e8b93df1254ad55f60474f8f62e48b8138f211d7504b55
Contents?: true
Size: 1.9 KB
Versions: 11
Compression:
Stored size: 1.9 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 class="align-center">$22.99</td>
<td class="align-center no-wrap">1 x on hand</td>
<td class="align-center">$22.99</td>
</tr>
<tr>
<td colspan="5">UPS Ground (USD)</td>
<td class="align-center">
<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
11 entries across 11 versions & 1 rubygems