2013-05-05 97 views
0
 This is my init code: 
      $(document).ready(function() { 
     $('#companies').dataTable({ 
    "sDom": 'T<"clear">lfrtip', 
    "oTableTools": { 
     "sRowSelect": "multi", 
     "aButtons": [ "select_all", "select_none" ] 
    } 
     }); 
       }); 

     This is my body code: 
      <body id="dt_example"> 
      <div id="container"> 

     <div id="demo_jui"> 
     <table id="companies" class="display"> 
     <thead> 
    <tr> 
     <th>Company name</th> 
     <th>Address</th> 
     <th>Town</th> 
    </tr> 
     </thead> 
     <tbody> 
    <tr> 
     <td>ABC</td> 
     <td>ABC Street</td> 
     <td>Town1</td> 
    </tr> 
    <tr> 
     <td>Dell</td> 
     <td>Car street</td> 
     <td>Town2</td> 
    </tr> 

      </tbody> 
       </table> 
       </div> 

        </div> 
        </body> 

我不知道,這裏有什麼問題。我沒有得到'全部選擇'和'全部取消'按鈕,我也無法選擇單行。我從這個鏈接中看到了這個例子:http://datatables.net/release-datatables/extras/TableTools/select_multi.html。我是Jquery和Datatables插件的新手。請幫我解決這個問題。DataTables TableTools - 多行選擇不起作用

回答

0

您必須將TableTools.js和TableTools.css添加到佈局頁面或單獨的視圖(建議的佈局頁面)。

<script src="../../Scripts/dataTables/media/js/TableTools.js" 
type="text/javascript"></script> 

<link href="../../Scripts/dataTables/media/css/TableTools.css" rel="stylesheet" type="text/css" /> 

默認情況下,那些2個文件位於

數據表,VERSIONNUMBER /演員/ TableTools/CSS

數據表,VERSIONNUMBER /演員/ TableTools/JS。

您可以輕鬆地將這兩個文件拖到Visual Studio中的主dataTable文件夾中。