Datatable：导出Excel按钮

Question

有没有办法设置Export，PDF按钮的位置？ （上表的rightr，表的右下角，....）

http://www.datatables.net/release-datatables/extras/TableTools/

Answer 1

如果你想在初始化移动整个表工具栏移动牛逼信。例如，在最终推动整个工具栏是：

$('#example').dataTable({ 
    "sDom": '<"clear">lfrtipT' 
}); 

无法重新配置数据表只移动PDF按钮，但可以使用标准的jQuery采取按钮，类“DTTT_button_pdf”一些新的位置。可能是这样的：

var pdfButton = $(".DTTT_button_pdf").detach(); 
$("#newPosition").append(pdfButton); 

在这个例子中，newPosition是一个你要放置pdf按钮的元素的id。

Answer 2

  var oTable = $("#tblViewMetadata").dataTable({ 
       "oLanguage": { "sSearch": "Search All Columns:" }, 
       "bJQueryUI": true, 
       "bDestroy": true, 
       "bPaginate": true, 
       "bLengthChange": true , 
       "bFilter": true, 
       "bSort": true, 
       "bInfo": true, 
       "bAutoWidth": true, 
       "bDeferRender": true, 
       "bRetrieve": true, 
       "sScrollX": "500px", 
       "sPaginationType": "full_numbers", 
       "sDom": '<"H"lTfr>t<"F"ip>', 

       "aLengthMenu": [[ 10, 25, 50,100, -1], [10, 25, 50,100, "All"]], 
       "iDisplayLength": 10, 
       , 
       "bSearchable": true, 

       "oTableTools": { 
          "sSwfPath": "../Content/swf/copy_csv_xls.swf", 
          "aButtons": [ 
          { 
           "sExtends": "xls", 
           "mColumns": [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30], 
           "sPdfOrientation": "landscape", 
           "sButtonText": "Export to Excel", 
           "oSelectorOpts": { filter: 'applied', order: 'current',page:'current' }, 
          } 
          ] 
       }, "bProcessing": true, 
       "bDestroy": true, 
       "aoColumnDefs": [{ 
        'bSortable': false, 
        'aTargets': [0, 1] 
       }], 







      }); 









<link href="~/Content/themes/base/demo_page.css" rel="stylesheet" /> 
<link href="~/Content/themes/base/demo_table_jui.css" rel="stylesheet" /> 

<link href="~/Content/themes/base/TableTools.css" rel="stylesheet" /> 
<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" /> 

<script src="~/Scripts/js/jquery-1.8.2.js"></script> 
<script src="~/Scripts/js/jquery.ui.core.js"></script> 
<script src="~/Scripts/js/jquery.ui.widget.js"></script> 
<script src="~/Scripts/js/jquery.ui.datepicker.js"></script> 
<script src="~/Scripts/js/jquery.dataTables.js"></script> 
<script src="~/Scripts/js/jquery.ui.dialog.js"></script> 
<script src="~/Scripts/js/dataTables.tableTools.min.js"></script> 
<script src="~/Scripts/js/ZeroClipboard.js"></script> 
<script src="~/Scripts/js/TableTools.js"></script> 


var allButton = $(" div.DTTT_container ").detach(); 
    $("#ExportBtn").append(allButton);