I'm setting a DataTables jQuery
with repeater ASP.NET C#
.
What am I doing wrong?
I have used the code.
<body>
<form id="form1" runat="server">
<div>
<asp:Repeater ID="rptMeusDados" runat="server">
<HeaderTemplate>
<table id="example" class="table table-striped table-bordered dataTable" role="grid">
<thead>
<tr>
<th>IDCAL</th>
<th>IDVerificacao</th>
<th>Pergunta</th>
<th>IDVerificacaoCliente</th>
<th>Alterar</th>
</tr>
</thead>
</HeaderTemplate>
<ItemTemplate>
<tbody>
<tr>
<td><%#DataBinder.Eval(Container.DataItem, "IDCAL")%></td>
<td><%#DataBinder.Eval(Container.DataItem, "IDVerificacao")%></td>
<td><%#DataBinder.Eval(Container.DataItem, "Pergunta")%></td>
<td><%#DataBinder.Eval(Container.DataItem, "IDVerificacaoCliente")%></td>
<td>
<asp:LinkButton ID="LinkButton1" runat="server"> linkButton</asp:LinkButton></td>
</tr>
</tbody>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</form>
<script type="text/javascript" charset="utf8" src="DataTables-1.10.0/js/jquery.js"></script>
<script type="text/javascript" charset="utf8" src="DataTables-1.10.0/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf8" src="DataTables-1.10.0/js/jquery-ui.js"></script>
<script type="text/javascript" charset="utf8" src="DataTables-1.10.0/js/bootstrap.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var table = $('#example').DataTable(
{
"columnDefs": [
{
"targets": [4],
"orderable": false,
"searchable": false,
"sortable": false
}
],
"lengthMenu": [[10, 20, 50, -1], [10, 25, 50, "Tudo"]],
"language": {
"zeroRecords": 'Nada foi encontrado',
"search": 'Buscar:',
"processing": 'Processando...',
"paginate": {
"next": 'Próxima',
"previous": 'Anterior'
},
"lengthMenu": '_MENU_ linhas por página.',
"info": 'Página _PAGE_ de _PAGES_',
"infoFiltered": '(Filtrando a parti de entradas totais _MAX_)'
}
});
});
</script>
</body>
</html>
Any ideas how to solve this?