Как перерисовать DataTables, уничтожив и снова рисуя в jQuery

Question

Я пытаюсь перерисовать компонент с данными со следующими строками:

$('#table').DataTable().destroy();
$('#table').DataTable();

Проблема в том, что когда я выполняю, строки над таблицей рисуются дважды, как если бы никогда не выполнялось .destroy(). ,Странная вещь в том, что если я выполняю обе функции с консоли по отдельности или с помощью двух кнопок ... тогда код просто работает. Я сталкиваюсь с какой-то проблемой async или чем-то в этом роде.

            $.ajax({
                type: 'get',
                url: '/api/contratistas?nombre=' + this.inputValue,
                contentType: 'application/json; charset=utf-8',
                dataType: "json",
                success: function (data) {
                    console.log(resp);
                    resp = data; 

                    $('#table').DataTable().destroy();
                    $('#table').DataTable();
                },
                async: false
            });

Какой лучший способ решить эту проблему?.