Search

To start with Datatables doesn't support rowspan or colspan in the tbody. You may be able to create a sorting plug-in to handle this: https://datatables.net/manual/plug-ins/sorting Kevin

Hello I found solution : oLanguage: { "sProcessing": "orther text..." } Thanks !

This article might be of interest. Also this integration library. Allan

Have you read the manual page on XSS security? The key thing to do is to use the text renderer if you can't trust the data source. Allan

In other words,redraw the datatables content when the data displayed change,because of a pipe. I found fnDraw but it seems like there is no datatables content after that

ng-repear should work. Please write your code to see your problem

got my answer http://stackoverflow.com/questions/20316052/datatables-initialized-using-angular-and-customizing-the-toolbar

Link to test case: https://stackblitz.com/edit/angular-datatable-20180726-k6jepz?file=app/app.component.html Error/Problem: Datatable is not rendering in original form Description of problem: I have two components, Parent and child both hiding and showing through button clicks based on a flag. How can I re-render the datatable, if it is hidden previously? Expected: If add new row button is clicked through child component, Table should be re-rendered.(code not written for adding new row but an output emitter is applied.)

Hello, I am using the buttons.colVis plugin. After turning it on, the buttons are arranged horizontally ... And although they work, the appearance of the buttons does not change. Not visible button pressed or not. Also, I did not find how it is possible to exclude one of the column visibility buttons, with their help it is possible to make visible columns that should be constantly not visible. How can I arrange the buttons vertically, make the on / off switch visible, exclude the button for the first column? // Dieser Service hilft beim Erstellen Ihrer Datentabelle-Optionen vm.dtOptionsBestaende = DTOptionsBuilder.newOptions() .withDataProp('data') .withDOM('Brtip') .withDisplayLength(36) .withLanguage(dtLanguageDe) .withOption('order', [0, 'asc']) .withOption('select', { info: false, style: 'single', toggleable: false }) .withOption('ajax', { url: 'Bestaende/GetDtFlatexDepotBestaende', // Aufruf von - controller/method error: function (jqXHR, textStatus, errorThrown) { alert('Es ist ein Fehler aufgetreten:\n' + errorThrown + '\nBitte Seite neu laden.'); console.log(jqXHR); console.log(textStatus); console.log(errorThrown); }, type: 'POST', data: function (d) { d.FilterDatumVon = moment(vm.datumVon).format('Y-MM-DD HH:mm:ss'); d.FilterDatumBis = moment(vm.datumBis).format('Y-MM-DD HH:mm:ss'); d.FilterDepotBezeichnung = vm.filterDepotBezeichnung; d.FilterISIN = vm.filterIsin; }, }) .withOption('serverSide', true) .withOption('orderMulti', false) .withOption('deferRender', true) .withOption('paging', true) .withOption('processing', true) .withOption('rowCallback', vm.rowCallback) .withOption('scrollX', true) .withOption('stateSave', true) .withOption('buttons', [ 'colvis' ]) ;

<table datatable [dtOptions]="dtOptions" class="row-border hover"> <thead> <tr> <th>ID</th> <th>First name</th> <th>Last name</th> </tr> </thead> <tbody *ngIf="persons?.length != 0"> <tr *ngFor="let person of persons"> <td>{{ person.id }}</td> <td>{{ person.firstName }}</td> <td>{{ person.lastName }}</td> </tr> </tbody> <tbody *ngIf="persons?.length == 0"> <tr> <td colspan="3" class="no-data-available">No data!</td> </tr> <tbody> </table> dtOptions: any = {} @Input()persons: Person[] constructor() { } ngOnInit() { this.dtOptions = { data: [], pagingType: 'full_numbers', pageLength: 2, responsive: true, } } ngOnChanges() { if (this.persons) { this.dtOptions.data = persons } } This is my api end point http://localhost:4200/#/users?page=1&recordSize=2