2017-05-25 51 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的帮助,但是我自己也在编程,所以我不能雇用一个程序员。 –

回答