处理时禁用数据表

Question

我正在使用数据表处理消息，但我想在出现此消息时阻止数据表。这很重要，因为否则用户可能会使用旧行。这是我的配置：

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;
}

有没有办法阻止数据表？谢谢

Answer 1

您可以禁用鼠标交互：

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

和CSS：

.disabled {
    pointer-events: none;
}

您还可以在消息和正文之间放置固定的覆盖层，并设置一些不透明度（如 0.5）、黑色背景、适当的 z 索引等，以使其隐藏后面的所有内容。

也许您还应该阅读一些有关数据库事务的内容 - 对于许多数据问题都有解决方案。