angular / Jquery Невозможно повторно инициализировать DataTable - PullRequest
0 голосов
/ 08 апреля 2020

Я работаю над проектом angular и сортирую свои данные в таблицу данных, они инициализируются в файле js следующим образом:

    $(function () {
        $('#sorting-table').DataTable({
            "language": {
                "lengthMenu": "Afficher _MENU_ par page",
                "zeroRecords": "Nothing found - sorry",
                "info": "Page _PAGE_ de _PAGES_",
                "infoEmpty": "Aucun résultat trouvé",
                "zeroRecords": "Rien trouvé - Désolé",
                "search": "Chercher",
                "infoFiltered": "(total: _MAX_ )",
                "paginate": {
                    "previous": "Précédent",
                    "next": "Suivant"
                }
            },
            "lengthMenu": [
                [5, 10, 15, -1],
                [5, 10, 15, "Tous"]
            ],
            "order": [
                [0, "desc"]
            ],
            dom: 'lBfrtip',
            buttons: {
                buttons: [{
                    attr: { id: 'printButton' },
                    extend: 'print',
                    text: '<i class="la la-print"></i>',
                    title: $('h1').text(),
                    exportOptions: {
                        columns: [ 0, 1, 2, 3]
                    },
                    footer: true,
                    autoPrint: true,
                }],
                dom: {
                    container: {
                        className: 'dt-buttons'
                    },
                    button: {
                        className: ''
                    }
                }
            }
        });
    });


})(jQuery); 

В компоненте, в котором находится моя таблица отсортировано Я хочу работать с angular ngx-translation, если текущий язык меняется, я хочу изменить язык моей таблицы данных!

  ngOnInit() {

    this.translate.onLangChange.subscribe((event: LangChangeEvent) => {
      if (this.translate.currentLang === 'ar') {
        $('#sorting-table').DataTable({
          language: {
            url: 'cdn.datatables.net/plug-ins/1.10.20/i18n/Arabic.json'
          }
        });
      }
    })
}

Я получил эту ошибку:

Предупреждение DataTables: таблица id = таблица сортировки - Невозможно повторно инициализировать DataTable. Для получения дополнительной информации об этой ошибке см. http://datatables.net/tn/3

1 Ответ

0 голосов
/ 08 апреля 2020

URL должен быть таким: //cdn.datatables.net/plug-ins/1.10.20

и добавить destroy: true

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...