javascript - 处理时禁用数据表

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-index 等，以使其隐藏背后的所有内容。

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