Lo que pasa es que el control gridview no agregar automaticamente los tags thead que necesita jquery.datatable, prueba hacer lo siguiente:
Código Javascript
:
Ver original<script type="text/javascript">
$(document).ready(function () {
("#MainContent_GridView1").prepend( $("<thead></thead>").append( $(this).find("tr:first") ) ).dataTable();
$('#MainContent_GridView1').DataTable(
{
"oLanguage": { "sUrl": "//cdn.datatables.net/plug-ins/1.10.7/i18n/Spanish.json" },
"columnDefs": [
{
"render": function (data, type, row) {
return "<a href='EditIncidence?incidenceId=" + data + "'>" + data + "</a>";
},
"targets":0
},
{ "title": "Equipo", "targets": 1 },
{ "title": "Tipo de incidencia", "targets": 2 },
{ "title": "Mensage", "targets": 3 },
{ "title": "listado", "targets": 4 },
]
});
});
</script>
La otra forma es indicarle por código que el gridview agregue los tags thead y tfoot mediante el evento
OnPreRender="GridView1_PreRender"
Cita: protected void GridView1_PreRender(object sender, EventArgs e)
{
GridView1.DataSource = Sample.GetData();
GridView1.DataBind();
if (GridView1.Rows.Count > 0)
{
GridView1.UseAccessibleHeader = true;
GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;
GridView1.FooterRow.TableSection = TableRowSection.TableFooter;
}
}
salu2