I saw the Post about Footable using within a ASP-net Repeater. It worked Fine for me but now iam struggling enable sorting on it. Can Anyone help me?
Is it posibble to sort within the Repeater? I can sort once but it clones my data.
My Code so far:
<link rel="stylesheet" href="css/mobile.css">
<link href="css/footable.core.bootstrap.css" rel="stylesheet" type="text/css" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="js/footable.js" type="text/javascript"></script>
<script>jQuery(function($){
$('.table').footable();
});</script>
<%--whv--%>
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<table class="table" data-sorting="true">
<thead>
<tr>
<th data-breakpoints="xs" data-type="number">
SpielerNr
</th>
<th scope="col">
Name
</th>
<th style="display: table-cell;" data-hide="phone">
Vorname
</th>
<th style="display: table-cell;" data-hide="phone">
Geburtsdatum
</th>
</tr>
</thead>
</HeaderTemplate>
<ItemTemplate>
<tbody>
<tr>
<td>
<%#Eval("SpielerNr")%>
</td>
<td>
<%#Eval("Name")%>
</td>
<td>
<%#Eval("Vorname")%>
</td>
<td>
<%#Eval("Geburts-Datum")%>
</td>
</tr>
</tbody>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>