Отключить данные при обработке

Question

Я использую datatables с обработкой сообщения, но я хотел бы заблокировать данные, когда появится это сообщение. Это важно, поскольку в противном случае пользователь может использовать старую строку. Это моя конфигурация:

datatableTable = $('#datatableTable').DataTable({ 
      responsive: true, 
      "bLengthChange": false, 
      deferRender: true, 
      scrollY:  '60vh', 
      scrollCollapse: true, 
      scroller:  true, 
      "bProcessing": true, 

, и я использую это сообщение CSS:

div.dataTables_wrapper div.dataTables_processing { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 200px; 
    margin-left: -100px; 
    margin-top: -26px; 
    text-align: center; 
    padding: 1em 0; 
    z-index: 9999; 
} 

Есть ли способ блокировать DataTable? спасибо

Answer 1

Вы можете просто отключить взаимодействие мыши:

$("body").addClass("disabled"); 

И CSS:

.disabled { 
    pointer-events: none; 
} 

Вы также можете поместить фиксированную накладку между вашим сообщением и телом и установить некоторую непрозрачность (например, 0,5), черный фон, правильный z-индекс и т. д., чтобы скрыть все, что стоит.

Возможно, вы также должны прочитать что-то о транзакциях базы данных - есть решение для многих проблем с данными.