<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Alpine-3-keyed</title>
<link href="/css/currentStyle.css" rel="stylesheet" />
<script src="http://alpine-next.test/packages/alpinejs/dist/cdn.js" defer></script>
<script>
window.start = performance.now()
document.addEventListener('alpine:initialized', () => {
setTimeout(() => {
console.log(performance.now() - window.start);
})
})
</script>
</head>
<body>
<div class="container" id="main" x-data="app">
<div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div>
<table class="table table-hover table-striped test-data">
<tbody>
<template x-for="item in data" :key="item.id">
<tr :class="item.id === selected ? 'danger' : ''">
<td class="col-md-1" x-text="item.id"></td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label"></a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)" >x</a>
</td>
<td class="col-md-6"></td>
</tr>
</template>
</tbody>
</table>
<table class="table table-hover table-striped test-data">
<tbody x-data="{ item: { id: 999999, label: 'yoyoyo' }}">
<tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">5</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall yellow pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">6</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">7</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome pink burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">8</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap orange keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">9</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty white desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">10</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd blue pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">11</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">12</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large white bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">13</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short orange desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">14</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">15</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">16</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain brown table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">17</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">18</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive orange burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">19</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">20</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">21</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain pink cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">22</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">23</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short green mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">24</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">25</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">26</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large white chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">27</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">28</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">29</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">30</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">31</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome white chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">32</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">33</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">34</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant green desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">35</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty purple keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">36</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">37</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small yellow sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">38</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy black mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">39</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd red house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">40</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">41</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry white car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">42</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain blue car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">43</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy pink chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">44</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">45</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">46</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short purple desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">47</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big black car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">48</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly orange desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">49</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short orange car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">50</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">51</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable pink desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">52</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">53</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">54</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">55</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">56</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain red pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">57</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">58</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">59</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">60</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean black table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">61</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">62</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big orange cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">63</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty black bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">64</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">65</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean black desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">66</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome red pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">67</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd purple keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">68</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy yellow chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">69</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important blue table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr>
<div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
@click="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
@click="runLots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
@click="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
@click="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
@click="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
@click="swapRows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div>
<div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div>
<div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div><div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>Alpine-3-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="run"
>
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="runlots"
>
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="add"
>
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="update"
>
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="clear"
>
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button
type="button"
class="btn btn-primary btn-block"
id="swaprows"
>
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div>
<tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">70</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry orange keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">71</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">72</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">73</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly yellow pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">74</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty purple keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">75</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive white keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">76</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">77</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important orange pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">78</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">79</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">80</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry orange keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">81</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">82</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">83</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big purple desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">84</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">85</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small green table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">86</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">87</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap yellow burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">88</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large purple car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">89</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">90</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean green desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">91</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">92</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">93</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive white pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">94</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain orange pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">95</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">96</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long blue cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">97</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive pink pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">98</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">99</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry yellow mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">100</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy purple cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">101</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful orange cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">102</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy brown house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">103</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">104</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable pink burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">105</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">106</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">107</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive blue house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">108</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">109</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">110</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">111</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy yellow keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">112</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">113</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">114</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">115</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">116</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">117</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important yellow pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">118</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall orange pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">119</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant blue car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">120</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">121</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">122</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">123</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">124</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">125</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">126</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome yellow sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">127</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large red table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">128</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">129</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">130</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful orange bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">131</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">132</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">133</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable green table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">134</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short red house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">135</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry pink car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">136</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">137</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important purple keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">138</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">139</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">140</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">141</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">142</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful green chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">143</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">144</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain white table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">145</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short white pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">146</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy orange keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">147</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">148</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable blue cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">149</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">150</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">151</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy blue bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">152</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">153</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">154</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">155</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy green mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">156</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large blue mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">157</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">158</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">159</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">160</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry pink pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">161</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">162</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy pink house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">163</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">164</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain black car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">165</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome black car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">166</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">167</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">168</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry blue bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">169</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable black car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">170</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">171</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">172</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">173</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy red car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">174</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">175</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">176</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">177</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint brown keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">178</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">179</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable blue sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">180</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important brown table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">181</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall blue mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">182</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">183</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">184</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy orange keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">185</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy green desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">186</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">187</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive purple cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">188</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall white car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">189</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">190</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy purple cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">191</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">192</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">193</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">194</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain white chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">195</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small pink table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">196</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">197</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">198</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy white sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">199</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big pink pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">200</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap green burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">201</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">202</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall black car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">203</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap pink table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">204</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">205</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant orange burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">206</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">207</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">208</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">209</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">210</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">211</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall brown keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">212</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall white sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">213</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">214</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable green keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">215</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">216</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd red car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">217</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">218</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">219</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy pink pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">220</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">221</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall black table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">222</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">223</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">224</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive white cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">225</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">226</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">227</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long blue car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">228</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly orange table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">229</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall yellow bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">230</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">231</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">232</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">233</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry red desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">234</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">235</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">236</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">237</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">238</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall blue bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">239</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty black mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">240</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long yellow burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">241</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big blue bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">242</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">243</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome black car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">244</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">245</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly purple car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">246</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">247</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">248</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short black pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">249</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">250</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome black bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">251</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">252</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty orange car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">253</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">254</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome green burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">255</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">256</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap green pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">257</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">258</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap yellow pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">259</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short blue mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">260</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">261</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly purple desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">262</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">263</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">264</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">265</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">266</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">267</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd purple cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">268</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant white pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">269</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">270</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large yellow pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">271</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small brown keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">272</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy green chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">273</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short white sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">274</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">275</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry red house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">276</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">277</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">278</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">279</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy purple car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">280</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">281</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd blue pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">282</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd yellow sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">283</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">284</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">285</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive white desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">286</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome pink mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">287</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant white keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">288</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">289</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">290</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive yellow desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">291</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy brown house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">292</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big brown table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">293</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">294</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy black car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">295</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short orange mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">296</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy purple burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">297</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable white car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">298</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">299</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">300</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">301</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">302</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty black keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">303</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">304</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">305</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint white bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">306</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">307</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd black bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">308</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd black chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">309</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean black keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">310</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive pink house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">311</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">312</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome blue pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">313</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive black burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">314</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain black house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">315</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">316</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">317</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry purple keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">318</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big purple burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">319</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall orange keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">320</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive black pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">321</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy pink burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">322</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant brown keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">323</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">324</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy yellow bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">325</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">326</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">327</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">328</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long orange burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">329</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy white table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">330</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">331</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint black car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">332</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">333</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall red house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">334</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">335</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy yellow burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">336</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">337</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">338</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy blue pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">339</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">340</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">341</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">342</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">343</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean blue desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">344</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">345</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable white bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">346</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">347</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">348</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome green pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">349</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful red pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">350</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">351</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy pink table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">352</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty purple desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">353</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy orange car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">354</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">355</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">356</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful yellow pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">357</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">358</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive green burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">359</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd pink table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">360</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly white pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">361</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big yellow mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">362</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small black bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">363</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">364</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">365</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">366</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint white table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">367</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">368</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap green burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">369</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">370</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome red house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">371</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">372</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable green mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">373</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy yellow pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">374</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable pink cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">375</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean brown table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">376</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">377</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry green chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">378</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd blue car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">379</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome blue desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">380</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short blue sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">381</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">382</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly orange keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">383</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">384</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small pink chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">385</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint pink pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">386</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">387</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">388</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain black chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">389</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint black desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">390</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">391</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">392</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable orange cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">393</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large green cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">394</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly blue desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">395</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">396</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap green pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">397</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long black chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">398</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly white table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">399</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short green desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">400</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">401</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">402</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome black mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">403</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small white house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">404</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long brown house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">405</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap pink car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">406</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">407</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short green pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">408</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy pink chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">409</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big brown table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">410</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">411</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">412</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">413</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap purple cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">414</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty yellow keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">415</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy green table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">416</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy yellow pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">417</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">418</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">419</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty pink pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">420</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important red table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">421</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain yellow chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">422</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">423</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome pink pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">424</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean pink mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">425</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint white pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">426</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive green mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">427</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy pink sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">428</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly pink chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">429</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty purple car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">430</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint red pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">431</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">432</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">433</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large blue burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">434</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive black house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">435</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">436</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy pink car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">437</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">438</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small brown house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">439</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">440</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant black mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">441</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint white house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">442</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy purple pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">443</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome red car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">444</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important blue house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">445</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">446</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">447</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable green chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">448</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty yellow burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">449</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant blue sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">450</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive blue pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">451</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">452</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">453</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">454</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy red sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">455</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall blue mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">456</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome green chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">457</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long pink desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">458</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant orange keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">459</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean black keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">460</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">461</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">462</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean brown keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">463</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">464</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">465</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">466</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">467</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty pink table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">468</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy white keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">469</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean blue bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">470</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">471</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">472</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large black keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">473</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap green sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">474</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long black sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">475</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long black chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">476</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty purple cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">477</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">478</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain blue bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">479</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">480</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant white house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">481</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">482</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">483</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">484</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable black pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">485</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">486</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry red desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">487</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty pink cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">488</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy green table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">489</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy black house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">490</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">491</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall pink cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">492</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">493</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly red car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">494</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">495</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">496</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">497</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small pink car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">498</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy white burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">499</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">500</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome blue desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">501</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">502</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly pink cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">503</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">504</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">505</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain green chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">506</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">507</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">508</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">509</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">510</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big yellow bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">511</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large orange desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">512</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">513</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy orange burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">514</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important pink mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">515</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty blue sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">516</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty brown table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">517</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd white pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">518</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall red desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">519</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint blue sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">520</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long green keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">521</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">522</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">523</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">524</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">525</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome green sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">526</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall white car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">527</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy red house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">528</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">529</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable green sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">530</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">531</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">532</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap green keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">533</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large black chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">534</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap white pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">535</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive purple burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">536</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive green mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">537</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">538</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd pink burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">539</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">540</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly pink table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">541</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful black burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">542</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">543</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain green burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">544</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">545</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small white keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">546</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy green pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">547</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">548</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long green mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">549</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long orange cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">550</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful red house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">551</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint black mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">552</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall yellow mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">553</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">554</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small green pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">555</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy purple mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">556</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain yellow bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">557</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall purple house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">558</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive red pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">559</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">560</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">561</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable yellow chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">562</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable pink burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">563</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">564</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important green mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">565</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">566</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive pink burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">567</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long white sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">568</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">569</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy orange table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">570</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry black house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">571</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">572</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">573</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">574</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">575</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">576</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable blue pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">577</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">578</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable blue burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">579</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy pink burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">580</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short brown keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">581</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">582</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">583</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">584</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">585</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy red pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">586</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">587</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">588</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">589</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">590</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean pink cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">591</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short white desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">592</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean black sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">593</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint blue cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">594</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">595</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean pink desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">596</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">597</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap orange pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">598</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain blue burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">599</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">600</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">601</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">602</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">603</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy orange pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">604</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain pink house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">605</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint black bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">606</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant white cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">607</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">608</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy blue sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">609</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">610</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly blue car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">611</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small green cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">612</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly black keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">613</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small green pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">614</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable black table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">615</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy orange table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">616</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy black table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">617</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">618</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short yellow desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">619</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">620</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">621</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important orange pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">622</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">623</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">624</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">625</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy black sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">626</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry red desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">627</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable red sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">628</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly yellow pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">629</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">630</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big blue house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">631</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">632</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">633</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">634</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">635</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive pink sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">636</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">637</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">638</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">639</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">640</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean orange house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">641</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">642</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive black table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">643</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall orange cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">644</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant orange burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">645</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint white keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">646</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">647</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd black chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">648</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long white cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">649</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain red desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">650</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">651</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall yellow keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">652</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">653</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large black table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">654</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">655</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy orange table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">656</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall purple house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">657</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly black sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">658</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">659</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">660</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short yellow mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">661</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty green bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">662</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important blue pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">663</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy pink sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">664</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short orange burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">665</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">666</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean blue mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">667</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">668</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">669</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">670</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint black pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">671</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain blue desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">672</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important green bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">673</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">674</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long white burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">675</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry yellow pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">676</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap white cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">677</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">678</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">679</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">680</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd black bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">681</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">682</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">683</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">684</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">685</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy blue burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">686</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive pink car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">687</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome orange bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">688</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small black table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">689</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant pink chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">690</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important brown keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">691</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">692</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">693</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly white bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">694</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">695</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">696</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">697</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">698</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small blue bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">699</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry blue pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">700</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive white sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">701</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small green bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">702</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important red pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">703</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large pink burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">704</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint orange pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">705</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly pink cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">706</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap pink chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">707</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">708</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">709</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy pink sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">710</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry pink burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">711</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">712</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome blue house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">713</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd black desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">714</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty white burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">715</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable green burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">716</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small yellow chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">717</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">718</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy white desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">719</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy green chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">720</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">721</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive purple burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">722</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable green chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">723</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">724</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty purple house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">725</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful orange pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">726</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">727</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd green cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">728</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean green desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">729</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty pink chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">730</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">731</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">732</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive black table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">733</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy purple car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">734</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">735</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">736</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">737</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint orange cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">738</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable black sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">739</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable yellow keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">740</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful yellow pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">741</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive brown car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">742</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">743</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful blue bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">744</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain pink mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">745</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">746</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long blue house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">747</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive green burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">748</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short orange bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">749</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome pink chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">750</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">751</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry blue car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">752</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry pink mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">753</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant red table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">754</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big white cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">755</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">756</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">757</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive blue sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">758</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">759</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">760</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">761</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">762</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">763</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short blue pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">764</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">765</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">766</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">767</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall white desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">768</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">769</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome green car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">770</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy green table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">771</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">772</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy yellow mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">773</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful black mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">774</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">775</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">776</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant white cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">777</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">778</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">779</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy green sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">780</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">781</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">782</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">783</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy green bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">784</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive blue mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">785</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">786</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">787</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important white pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">788</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short orange desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">789</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">790</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">791</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">792</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly red table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">793</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy orange car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">794</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">795</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long yellow chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">796</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant green sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">797</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">798</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">799</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">800</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy blue pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">801</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy red house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">802</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy pink house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">803</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">804</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">805</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable blue cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">806</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small white keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">807</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">808</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large blue cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">809</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">810</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">811</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall black bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">812</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large blue house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">813</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">814</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long red desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">815</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">816</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">817</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean orange house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">818</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean orange burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">819</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">820</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">821</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd pink bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">822</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive pink car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">823</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">824</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">825</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint purple pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">826</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">827</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy white house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">828</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy pink house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">829</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint blue pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">830</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry green burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">831</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">832</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">833</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">834</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important orange car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">835</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive blue desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">836</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint black chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">837</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">838</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large brown house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">839</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty white car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">840</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">841</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy green mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">842</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">843</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive blue sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">844</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">845</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain pink pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">846</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable brown mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">847</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive purple pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">848</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">849</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful purple burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">850</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy green cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">851</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">852</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short green pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">853</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big red keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">854</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy orange car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">855</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly orange burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">856</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">857</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall orange car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">858</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean white keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">859</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">860</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy yellow bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">861</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy blue car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">862</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">863</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy blue mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">864</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive yellow house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">865</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">866</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap black desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">867</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean blue mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">868</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small pink car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">869</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy red table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">870</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big purple desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">871</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">872</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant orange pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">873</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">874</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">875</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy black mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">876</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd white house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">877</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">878</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain black mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">879</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable brown pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">880</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain orange bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">881</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy blue desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">882</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy white bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">883</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly brown pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">884</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy white cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">885</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small white house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">886</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">887</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean purple chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">888</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">889</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important white burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">890</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty yellow keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">891</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">892</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">893</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">894</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">895</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big brown burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">896</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome red house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">897</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap green bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">898</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean orange mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">899</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly orange house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">900</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy white chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">901</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long red mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">902</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short orange bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">903</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint orange pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">904</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap yellow keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">905</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">906</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd orange mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">907</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty red desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">908</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">909</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive red table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">910</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small purple burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">911</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">912</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big white keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">913</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable pink sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">914</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">915</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">916</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy pink bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">917</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint orange chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">918</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small yellow keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">919</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry yellow table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">920</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable yellow keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">921</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important white mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">922</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">923</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small orange keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">924</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable green pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">925</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small black desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">926</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly yellow chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">927</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy red table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">928</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">inexpensive white table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">929</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain blue cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">930</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long white sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">931</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant white bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">932</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">933</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small blue burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">934</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">935</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful white table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">936</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long red cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">937</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">938</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd purple pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">939</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall purple desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">940</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">941</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall orange sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">942</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big blue burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">943</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful blue pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">944</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important brown sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">945</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">946</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small purple keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">947</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">948</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy green burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">949</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">950</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">951</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">952</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important green pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">953</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small blue cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">954</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large pink keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">955</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy brown cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">956</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome pink bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">957</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short purple mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">958</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy yellow car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">959</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">angry black burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">960</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">quaint black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">961</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">962</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large black desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">963</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short pink pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">964</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful orange desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">965</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">large red table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">966</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">important pink house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">967</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall green mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">968</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">mushy yellow mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">969</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful brown chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">970</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful purple bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">971</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">easy yellow desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">972</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">small green pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">973</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable brown bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">974</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">tall red bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">975</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy red chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">976</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap purple sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">977</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">clean green pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">978</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">elegant pink house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">979</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">short purple car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">980</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">adorable white chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">981</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap blue mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">982</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long white car</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">983</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">crazy red burger</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">984</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">odd black cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">985</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">handsome black mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">986</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty yellow cookie</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">987</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy orange bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">988</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly yellow pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">989</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">expensive black pizza</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">990</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">long green table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">991</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap orange mouse</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">992</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">pretty orange bbq</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">993</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">fancy purple house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">994</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly blue chair</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">995</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">cheap brown desk</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">996</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful pink pony</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">997</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">plain blue sandwich</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">998</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">helpful purple table</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">999</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">unsightly blue keyboard</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr><tr :class="item.id === selected ? 'danger' : ''" class="">
<td class="col-md-1" x-text="item.id">1000</td>
<td class="col-md-4">
<a @click="select(item.id)" x-text="item.label">big green house</a>
</td>
<td class="col-md-1">
<a @click="remove(item.id)">x</a>
</td>
<td class="col-md-6"></td>
</tr>
</tbody>
</table>
<span
class="preloadicon glyphicon glyphicon-remove"
aria-hidden="true"
></span>
</div>
<script>
document.addEventListener('alpine:init', () => {
let idCounter = 1;
const adjectives = ["pretty", "large", "big", "small", "tall", "short", "long", "handsome", "plain", "quaint", "clean", "elegant", "easy", "angry", "crazy", "helpful", "mushy", "odd", "unsightly", "adorable", "important", "inexpensive", "cheap", "expensive", "fancy"],
colours = ["red", "yellow", "blue", "green", "pink", "brown", "purple", "brown", "white", "black", "orange"],
nouns = ["table", "chair", "house", "bbq", "desk", "car", "pony", "cookie", "sandwich", "burger", "pizza", "mouse", "keyboard"];
function _random (max) { return Math.round(Math.random() * 1000) % max; };
function buildData(count) {
let data = new Array(count);
for (let i = 0; i < count; i++) {
data[i] = {
id: idCounter++,
label: `${adjectives[_random(adjectives.length)]} ${colours[_random(colours.length)]} ${nouns[_random(nouns.length)]}`
}
}
return data;
}
Alpine.data('app', function() {
return {
data: [],
selected: undefined,
add() { this.data = this.data.concat(buildData(1000)) },
clear() {
let start = performance.now()
this.data = [];
this.selected = undefined;
setTimeout(() => {
console.log(performance.now() - start);
}, 0)
},
update() {
let start = performance.now()
for (let i = 0; i < this.data.length; i += 10) {
this.data[i].label += ' !!!';
}
setTimeout(() => {
console.log(performance.now() - start);
}, 0)
},
remove(id) {
let start = performance.now()
const idx = this.data.findIndex(d => d.id === id);
this.data.splice(idx, 1);
setTimeout(() => {
console.log(performance.now() - start);
}, 0)
},
run() {
let start = performance.now()
this.data = buildData(1000);
this.selected = undefined;
setTimeout(() => {
}, 0)
},
runLots() {
let start = performance.now()
this.data = buildData(10000);
this.selected = undefined;
setTimeout(() => {
console.log(performance.now() - start);
}, 0)
},
select(id) { this.selected = id },
swapRows() {
const d = this.data;
if (d.length > 998) {
const tmp = d[998];
d[998] = d[1];
d[1] = tmp;
}
}
}
})
})
</script>
</body>
</html>