2016-12-06 44 views
1

我正在使用處理消息的數據表,但我想在此消息出現時阻止數據表。這很重要,否則用戶可能會使用舊的行。 這是我的配置:處理時禁用數據表

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

有沒有辦法阻止數據表?感謝

+0

「block datatable」是什麼意思?禁用數據表控件如分頁和列標題或其他東西? – hindmost

+0

在我的數據表的每一行中,我有幾個按鈕,文件瀏覽等等,我想禁止使用這些元素。 – luca

+0

然後它與數據表無關。由於您自己在表格中輸入了您的輸入元素,因此您也必須自行禁用它們。 Datatables無法爲您完成所有工作。 – hindmost

回答

0

你可以只禁用鼠標交互:

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

和CSS:

.disabled { 
    pointer-events: none; 
} 

你也可以把你的信息和身體之間的固定覆蓋,並設置了一些不透明性(如0.5),黑色背景,適當的Z-index等,以隱藏背後的一切。

也許你還應該閱讀一些關於數據庫事務的內容 - 有許多數據問題的解決方案。

+0

我已經有我的模式禁用所有頁面,我只是想知道是否可能只禁用表 – luca

+0

當然 - 你可以爲你的表添加id(例如#tableid )並寫入: – alcia

+0

'$(「#tableid」)。addClass(「disabled」);':) – alcia