|
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> |
|
|
|
<div class="flex"> |
|
<div class="basis-1/2 p-2"> |
|
<h2 class="text-3xl mb-8">tr no anchor</h2> |
|
|
|
<table class="w-full"> |
|
<thead> |
|
<tr> |
|
<th class="border-b dark:border-slate-600 font-medium p-2 text-slate-400 dark:text-slate-200 text-left"> |
|
Invoice Number</th> |
|
<th class="border-b dark:border-slate-600 font-medium p-2 text-slate-400 dark:text-slate-200 text-left"> |
|
Vendor</th> |
|
<th class="border-b dark:border-slate-600 font-medium p-2 text-slate-400 dark:text-slate-200 text-left"> |
|
Price</th> |
|
<th class="border-b dark:border-slate-600 font-medium p-2 text-slate-400 dark:text-slate-200 text-left"> |
|
Weight</th> |
|
</tr> |
|
</thead> |
|
<tbody> |
|
<LinkTo @route="index" @tagName="tr" class="border-t-1 border-t-solid border-t-slate-50"> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">1234</td> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">Microsoft |
|
</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
$2000.23</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
43lb</td> |
|
</LinkTo> |
|
<LinkTo @route="index" @tagName="tr" class="border-t-1 border-t-solid border-t-slate-50"> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">1234</td> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">Microsoft |
|
</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
$2000.23</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
43lb</td> |
|
</LinkTo> |
|
<LinkTo @route="index" @tagName="tr" class="border-t-1 border-t-solid border-t-slate-50"> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">1234</td> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">Microsoft |
|
</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
$2000.23</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
43lb</td> |
|
</LinkTo> |
|
<LinkTo @route="index" @tagName="tr" class="border-t-1 border-t-solid border-t-slate-50"> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">1234</td> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">Microsoft |
|
</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
$2000.23</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
43lb</td> |
|
</LinkTo> |
|
</tbody> |
|
</table> |
|
</div> |
|
<div class="basis-1/2 p-2"> |
|
<h2 class="text-3xl mb-8">tr wrapped in anchor</h2> |
|
|
|
<table class="w-full"> |
|
<thead> |
|
<tr> |
|
<th class="border-b dark:border-slate-600 font-medium p-2 text-slate-400 dark:text-slate-200 text-left"> |
|
Invoice Number</th> |
|
<th class="border-b dark:border-slate-600 font-medium p-2 text-slate-400 dark:text-slate-200 text-left"> |
|
Vendor</th> |
|
<th class="border-b dark:border-slate-600 font-medium p-2 text-slate-400 dark:text-slate-200 text-left"> |
|
Price</th> |
|
<th class="border-b dark:border-slate-600 font-medium p-2 text-slate-400 dark:text-slate-200 text-left"> |
|
Weight</th> |
|
</tr> |
|
</thead> |
|
<tbody> |
|
<LinkTo @route="index"> |
|
<tr class="border-t-1 border-t-solid border-t-slate-50"> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">1234 |
|
</td> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400"> |
|
Microsoft</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
$2000.23</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
43lb</td> |
|
</tr> |
|
</LinkTo> |
|
<LinkTo @route="index"> |
|
<tr class="border-t-1 border-t-solid border-t-slate-50"> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">1234 |
|
</td> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400"> |
|
Microsoft</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
$2000.23</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
43lb</td> |
|
</tr> |
|
</LinkTo> |
|
<LinkTo @route="index"> |
|
<tr class="border-t-1 border-t-solid border-t-slate-50"> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400">1234 |
|
</td> |
|
<td class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400"> |
|
Microsoft</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
$2000.23</td> |
|
<td |
|
class="border-b border-slate-200 dark:border-slate-700 p-2 text-slate-500 dark:text-slate-400 text-right"> |
|
43lb</td> |
|
</tr> |
|
</LinkTo> |
|
</tbody> |
|
</table> |
|
|
|
<LinkTo @route="index">HEY GOOGLE</LinkTo> |
|
</div> |
|
</div> |