Datatable show/hide sorting/paging

Question

У меня проблема с datatables.net. Я хочу показать сортировку/подкачку на основе того, когда ширина screnn превышает 700 пикселей и скрыть ее, когда она меньше 700 пикселей. Он работает, когда я перехожу от более чем 700 пикселей до менее 700 пикселей, но когда я снова увеличиваю ширину, сортировка/подкачка не отображаются снова. Я читал о datatables с атрибутами destroy/retrieve, но я не могу понять, что не так.

Это исправлено теперь с обновленным кодом ниже!

Мой Javascript код выглядит так:

$(window).resize(function() { 
    var isLarge = $(this).width() > 700; 
    $('#transactionsTable').dataTable({ 
     destroy: true, 
     searching: isLarge, 
     paging: isLarge 
    }); 
}); 

Моя проблема сейчас:

По какой-то причине, когда я изменить ширину экрана, чтобы проверить адаптивный дизайн CSS-Безразлично, кажется, правильно загрузите. Поэтому, если я перехожу от большой ширины экрана к меньшей, то css для верхнего поискового вызова/поиска не загружается.

Любые предложения?

Answer 1

С description из retrieve опции (курсив):

извлечения DataTables объекта для данного селектора. Обратите внимание, что если таблица уже инициализирован, то этот параметр будет вызывать DataTables просто возвращает объект, который уже был создан - он не будет принимать во внимание любые изменения, которые вы могли бы сделать, чтобы объект инициализации передается в DataTables (установка этого параметра на true - это подтверждение, что вы это понимаете!).

Вы должны удалить retrieve: true (и изменения в destroy: true) в вашем случае, если или просто упростить его

$(window).resize(function() { 
    var isLarge = $(this).width() > 700; 
    $('#transactionsTable').dataTable({ 
     destroy: true, 
     searching: isLarge, 
     paging: isLarge 
    }); 
});