Как вы используете таблицы с разбивкой на страницы на стороне сервера angular-datatables, которые позволяют отображать тJavascript

Форум по Javascript
Ответить
Anonymous
 Как вы используете таблицы с разбивкой на страницы на стороне сервера angular-datatables, которые позволяют отображать т

Сообщение Anonymous »

Наше приложение использует angular-datatables v14 и datatables.net 1.11 для таблиц с разбивкой на страницы на стороне сервера. Мы используем хак, поэтому angular отображает таблицу из html. Когда для данных установлен любой пустой массив [], старая версия позволяла angular отображать тело. Это пример кода

Код: Выделить всё

@Component({
selector: 'app-my-table',
templateUrl: './my-table.component.html',
})
export class MyTableComponent implements OnInit {
dtOptions: DataTables.Settings = {};
data: any[] = []; // This will hold the data for Angular rendering

constructor(private http: HttpClient) {}

ngOnInit(): void {
this.dtOptions = {
serverSide: true,
processing: true,
ajax: (dataTablesParameters: any, callback) => {
this.http
.post('/api/your-data-endpoint', dataTablesParameters)
.subscribe((resp) => {
this.data = resp.data; // Update Angular's data array
callback({
recordsTotal: resp.recordsTotal,
recordsFiltered: resp.recordsFiltered,
data: [], // Return empty array for DataTables which causes rendering of the  tag to be done by angular.
});
});
},
columns: [
{ data: 'property1' },
{ data: 'property2'}
]
};
}
}




Column 1
Column 2





{{ item.property1 }}







#mytable td.dt-empty {
display:none;
}
Это больше не работает после обновления до angular-datatables v17 и datatables 2.3. Тело в html-коде вообще не отображается. Поддерживается ли это каким-либо другим способом в таблицах данных 2.x? Удаление директивы datatable позволяет отображать tbody, но вы теряете все функции директивы datatable, такие как фильтрация и сортировка.
Как настроить datatable так, чтобы она отображала tbody из HTML вместо конфигурации столбцов в машинописном скрипте?

Подробнее здесь: https://stackoverflow.com/questions/798 ... low-render
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»