0

Por favor me ayudan a corregir este error "aDataSort" en datatables con Angular 8.

core.js:6014 ERROR TypeError: Cannot read property 'aDataSort' of undefined
at _fnSortFlatten (jquery.dataTables.js:5928)
at _fnSortingClasses (jquery.dataTables.js:6266)
at loadedInit (jquery.dataTables.js:1208)
at HTMLTableElement.<anonymous> (jquery.dataTables.js:1306)
at Function.each (jquery.js:381)
at jQuery.fn.init.each (jquery.js:203)
at jQuery.fn.init.DataTable [as dataTable] (jquery.dataTables.js:869)
at jQuery.fn.init.$.fn.DataTable (jquery.dataTables.js:15210)
at angular-datatables.directive.js:51
at ZoneDelegate.invokeTask (zone-evergreen.js:391)

Me parece que la tabla en el html requiere que la tabla tenga < thead> < tbody>. Pero los estoy ocultando con un "if" cuando la tabla no tiene ningún registro.

<div *ngIf="programaciones?.length==0" class="alert alert-info">
    There is no record in the database!
</div>

<div class="table-responsive"  >
<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover">
    <thead *ngIf="programaciones?.length>0">
        <tr >
            <th>Id</th>
            <th>Consultorio</th>
            <th>Usuario</th>
            <th>Fecha</th>
            <th>Hora</th>
            <th>Num. Turno</th>
            <th>Editar</th>
            <th>Eliminar</th>
        </tr>
    </thead>
    <tbody >
         <tr *ngFor="let programacion of programaciones" >
            <td>{{programacion.pro_codigo}}</td>
            <td>{{programacion.consultorio.con_nombre}}</td>

¿Cómo puedo corregir este error o hay alguna otra forma de ocultar la tabla cuando no hay registros?

4
  • Y por qué no ocultas la tabla entera en vez del encabezado?? No tiene mucho sentido. O mete la tabla en un div más y ocultas ese div, por ejemplo
    – Benito-B
    el 10 ene. 2021 a las 21:16
  • fue lo primero que hice, primero lo puse en la etiquera <table>, luego en la etiqueta <div> que esta encima; pero sucede que el diseño y la funcionalidad del datatable se pierde. Si lo pongo en <tbody> si funciona normal pero ya se genera ese error que menciono en la publicacion. el 10 ene. 2021 a las 21:31
  • Puedes compartir tu componente typescript y el código donde inicializas datatables? el 11 ene. 2021 a las 17:49
  • ya lo pude manejar cambiando la forma de usar esa condicional *ngIf por la forma [ngStyle] el 11 ene. 2021 a las 20:38

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.