2017-05-25 29 views
1

我目前有下面的代碼給了我2個完美工作的數據表。它們連接到一個選擇框,根據選擇顯示/隱藏一個表格。現在一切正常,但我需要嘗試使用這些表來實現新任務:使用JQuery中的數據表進行實時編輯

我從來沒有見過這個,但我需要一個選項來從某些類型的表中刪除或刪除列的選擇選項,但這隻能從表格的當前視圖中刪除列。這是爲了比較和QA,所以我可能會查看錶並需要從視圖中刪除5個不必要的列,而不是數據庫。所以,如果我刷新頁面,表格將恢復正常。

任何這裏的想法是極大的讚賞:

代碼:

<script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script> 
<script type="text/javascript"> 
(function($) { 
    $(document).ready(function() { 
     $('#mytable').DataTable(); 
     $('#mytableSurvey').DataTable(); 
     $('.dataTable').wrap('<div class="dataTables_scroll" />'); 
     $(document).on('change' , '#select-tables', function(){ 
      var table = $(this).val(); 
      $('#' + table +'_wrapper').show(); 
      $('[id$="_wrapper"]').not('#' + table +'_wrapper').hide(); 
     }); 
     $("#select-tables").trigger("change"); 
    }); 
}(jQuery)); 
</script> 
+1

這是真的太廣泛了。我想有很多可以回答的SO'ers,但答案太過專注,未來無法幫助任何人......改用一名程序員。對於1)這裏有很多答案,因爲2)使用[colvis](https://datatables.net/reference/button/colvis)按鈕插件以及x個虛擬列。 – davidkonrad

+0

嗯,我解決了編輯器插件問題以完全刪除行(客戶端和服務器端),但主要問題是刪除/刪除客戶端的列。我還沒有發現有很多選項可以用JQuery數據表或編輯器插件來做到這一點,而且我也沒有看到它對我來說非常廣泛或專用。我覺得這樣的答案本身可能對未來有所幫助,而我已經單獨編輯了我的問題。我真的只是試圖獲得一些我從來沒有用過的Datatables的幫助,但是我自己也在編程,所以我不能僱用一個程序員。 –

回答