<title>Sort HTML Table with DataGrid Library</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link href="styles.css" rel="stylesheet" />
<!-- DataGrid library CSS -->
<link href="datagrid.min.css" rel="stylesheet" />
<table class="demo-table">
data-id="table_header_sort"
data-grid-control="sort-button"
data-type="text">First Name</a>
data-id="table_header_sort"
data-grid-control="sort-button"
data-type="text">Last Name</a>
data-id="table_header_sort"
data-grid-control="sort-button"
data-type="number">Age</a>
<td class="first-name">Wendye</td>
<td class="last-name">Lightwing</td>
<td class="first-name">Milena</td>
<td class="last-name">Torre</td>
<td class="first-name">Erinn</td>
<td class="last-name">Hills</td>
<td class="first-name">Yoshiko</td>
<td class="last-name">Smithson</td>
<td class="first-name">Umberto</td>
<td class="last-name">McFadden</td>
<td class="first-name">Donaugh</td>
<td class="last-name-name">Huban</td>
<td class="first-name">Cami</td>
<td class="last-name">Pickthorn</td>
<td class="first-name">Alistair</td>
<td class="last-name">Reddell</td>
<td class="first-name">Genia</td>
<td class="last-name">Crawshay</td>
<td class="first-name">Allyn</td>
<td class="last-name">Liell</td>
<!-- DataGrid library JavaScript -->
<script src="datagrid.min.js"></script>