0
324
VistasUso del complemento DataTables en Razor View: no se pueden establecer las propiedades de un error indefinido (configuración de '_DT_CellIndex')
Estoy usando una aplicación web asp.net mvc. Creé una tabla y ahora quiero usar el complemento en tablas de datos. Vi que solo necesitabas 3 líneas de código para que esto funcione. Intenté hacer exactamente lo que requería para que funcionara y me diera la tabla de datos deseada, pero no me dio la tabla que esperaba. Incluso fui a ejemplos -> Datos de origen HTML (DOM) -> y en la pestaña Javascript ingresé las líneas requeridas.
¿Hay algo que estoy haciendo incorrectamente aquí con las etiquetas de script o el complemento simplemente no funciona? No tengo los archivos descargados e importados a mi proyecto.
Esperando un aspecto estándar como este 
Pero estoy recibiendo esto ... así que me falta el aspecto del complemento de tabla de datos y el siguiente error.
No se pueden establecer propiedades de indefinido (configurando '_DT_CellIndex')
mi vista:
@model List<Fright> @{ ViewData["Title"] = "Home Page"; var result = Model.GroupBy(gb => gb.Value); } <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.5.1.js"></script> <link href="//cdn.datatables.net/1.11.2/css/jquery.dataTables.min.css" rel="stylesheet"/> <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.11.2/js/jquery.dataTables.min.js" defer></script> <script> $(document).ready(function () { $('#homeTable').DataTable(); }); </script> </head> <body> <div> <table id="homeTable" class="display" style="width:100%"> <thead> <tr> <th>Value</th> <th>Option</th> </tr> </thead> <tbody> @foreach (var item in result) { var url = "/frightSummary/SummaryIndex?id=" + item.Key; <tr> <td> <a href=@url>@item.Key</a> </td> </tr> } </tbody> </table> </div> </body> </html>1 Respuestas
Responde la pregunta0
Su problema es una falta de coincidencia en el número de <td> </td> . Solo está representando 1 <td> en el bucle foreach pero tiene dos <th></th> en el encabezado de la tabla
@model List<Fright> @{ ViewData["Title"] = "Home Page"; var result = Model.GroupBy(gb => gb.Value); } <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.5.1.js"></script> <link href="//cdn.datatables.net/1.11.2/css/jquery.dataTables.min.css" rel="stylesheet"/> <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.11.2/js/jquery.dataTables.min.js" defer></script> <script> $(document).ready(function () { $('#homeTable').DataTable(); }); </script> </head> <body> <div> <table id="homeTable" class="display" style="width:100%"> <thead> <tr> <th>Value</th> <th>Option</th> </tr> </thead> <tbody> @foreach (var item in result) { var url = "/frightSummary/SummaryIndex?id=" + item.Key; <tr> <td> <a href=@url>@item.Key</a> </td> <td> <a href=@url>@item.Option</a> /* output you Option value*/ </td> </tr> } </tbody> </table> </div> </body> </html> ```