MIF_E31211879/desain/assets/node_modules/tablesaw-master/demo/issues/issue-74.html

207 lines
6.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="../../dist/tablesaw.css">
<script src="../../dist/dependencies/jquery.js"></script>
<script src="../../dist/tablesaw.js"></script>
<script src="../../dist/tablesaw-init.js"></script>
</head>
<body>
<br/>
<br/>
<br/>
<br/>
<!-- <table class="table-saw tablesaw tablesaw-swipe" data-mode="swipe" style="margin:0 auto;"> -->
<table class="tablesaw" data-tablesaw-mode="swipe" style="margin:0 auto;">
<thead>
<tr>
<th data-tablesaw-priority="persist"></th>
<th class="text-center">
<a href="#"><span class="primary" data-icon="F" style="float:right;top:5px;right:5px; font-size:1.2em;"></span></a>
<br>
<img src="http://placehold.it/100x100&text=1">
<br>
<h5 class="item-name-table">Diamond Solitaire Ring &frac12; ct. Princess-cut, 14k White Gold</h5>
<small class="small">In Stock, Online Only</small>
<h5>$4,299.99</h5>
<br>
<div class="row">
<div class="small-6 column">
<span class="button expand secondary">Add to Wishlist</span>
</div>
<div class="small-6 column">
<span class="button expand">Add to Cart</span>
</div>
</div>
</th>
<th class="text-center">
<a href="#"><span class="primary" data-icon="F" style="float:right;top:5px;right:5px; font-size:1.2em;"></span></a>
<br>
<img src="http://placehold.it/100x100&text=1">
<br>
<h3 class="item-name-table">Le Vian Necklace 1 &frac78; ct tw Diamonds 14k Vanilla Gold</h3>
<small class="small">In Stock, Online Only</small>
<h5>$5,299.99</h5>
<br>
<div class="row">
<div class="small-6 column">
<span class="button expand secondary">Add to Wishlist</span>
</div>
<div class="small-6 column">
<span class="button expand">Add to Cart</span>
</div>
</div>
</th>
<th class="text-center">
<a href="#"><span class="primary" data-icon="F" style="float:right;top:5px;right:5px; font-size:1.2em;"></span></a>
<br>
<img src="http://placehold.it/100x100&text=1">
<br>
<h3 class="item-name-table">Diamond Earrings &frac34; ct tw Round-cut 14K White Gold</h3>
<small class="small">In Stock, Online Only</small>
<h5>$2,299.99</h5>
<br>
<div class="row">
<div class="small-6 column">
<span class="button expand secondary">Add to Wishlist</span>
</div>
<div class="small-6 column">
<span class="button expand">Add to Cart</span>
</div>
</div>
</th>
</tr>
</thead>
<tbody>
<!-- <tr class="head">
<th>Product Information</th>
<th></th>
<th></th>
<th></th>
</tr> -->
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Product Information</td>
<td>1</td>
<td>2</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>