Table de données : Export Excel bouton

Est-il un moyen de régler la position de l'Exportation, bouton PDF ? (sur la rightr de la table, en bas à droite de la table, ....)

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

  • Avez-vous voulez juste à se déplacer à l'Exportation PDF bouton ou le bouton du panneau vers le bas à droite de la table?
InformationsquelleAutor Kris-I | 2011-10-07
  1. 4

    Si vous souhaitez déplacer l'ensemble de la table d'outils la barre d'outils déplacer lettre T dans l'initialisation. Exemple qui pousse l'ensemble de la barre d'outils à la fin est:

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

    Vous ne pouvez pas reconfigurer les tables de données pour déplacer seul bouton pdf, mais vous pouvez utiliser JQuery standards de prendre le bouton avec la classe "DTTT_button_pdf" à une nouvelle position. Probablement quelque chose comme:

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

    Dans cet exemple, newPosition est un identifiant de l'élément où vous un pour placer bouton pdf.

    InformationsquelleAutor Jovan MSFT
  2. 0
                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);
    InformationsquelleAutor user3789888