Я пытался работать локально с этими таблицами данных: http://l -lin.github.io / angular-datatables / # / welcome , но разбиение на страницы не работает должным образом, иногда оно загружается, нов большинстве случаев это не так.когда я компилирую свою программу с помощью ng build --prod --aot и загружаю ее на сервер AWS S3, разбиение на страницы никогда не загружается.
Вот мой код
component.ts
dtOptions: any = {};
ngOnInit() {
this.dtOptions = {
pageLength: 8,
responsive: true,
language: {
search: 'Búsqueda',
lengthMenu: 'Cantidad _MENU_ registros por pagina',
emptyTable: 'No hay datos disponibles',
info: 'Registro _START_ a _END_ de _TOTAL_ consultados',
infoEmpty: 'Registro 0 a 0 de 0 consultados',
paginate: {
first: 'Primero',
last: 'Ultimo',
next: 'Siguiente',
previous: 'Anterior'
}
}
};
}
}
HTML
<table datatable [dtOptions]="dtOptions" class="row-border hover">
<thead>
<tr>
<th scope="col">Numero Pregunta</th>
<th scope="col">Categoria</th>
<th scope="col">Valor</th>
<th scope="col">Respuesta</th>
<th scope="col">Como se verifica</th>
<th scope="col">Observacion</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let form of forms">
<td>{{form.pr_numero_pregunta}}</td>
<td>{{form.pr_categoria}}</td>
<td>{{form.pr_valor}}</td>
<td>{{form.pr_estado}}</td>
<td>{{form.pr_verificacion}}</td>
<td> <button type="button" style="margin-left: 40%" class="btn btn-primary" data-toggle="modal" (click)="data(form)" data-target="#exampleModal">
<span class="fa fa-plus"></span>
</button></td>
</tr>
</tbody>
</table>
Любая помощь приветствуется.