jquery Data Tables Plugin Enable Multiple features

Question

jquery datatables extras

Hi I'm using DataTables jquery plugin with ColVis and TableTools extras. The following code works fine:

  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/image_slide.js"></script>
  <script type="text/javascript" charset="utf-8" src="libs/DataTables/media/js/jquery.dataTables.js"></script>
  <script type="text/javascript" charset="utf-8" src="libs/DataTables/extras/ColVis/media/js/ColVis.js"></script>
  <script type="text/javascript" charset="utf-8" src="libs/DataTables/extras/TableTools/media/js/TableTools.js"></script>
  <script type="text/javascript" charset="utf-8" src="libs/DataTables/extras/TableTools/media/js/ZeroClipboard.js"></script>
  <script type="text/javascript" charset="utf-8" src="libs/DataTables/extras/ColReorder/media/js/ColReorder.js"></script>
  <style type="text/css" title="currentStyle">
  @import "libs/DataTables/extras/TableTools/media/css/TableTools.css";
  @import "libs/DataTables/media/css/demo_table.css";
  @import "libs/DataTables/extras/ColVis/media/css/ColVis.css";
  @import "libs/DataTables/extras/ColReorder/media/css/ColReorder.css";
  </style>
  <script>

$(document).ready( function () {
    $('#results').dataTable( {
        "sDom": 'T<"clear">Clfrtip',

        "oTableTools": {
            "sSwfPath": "http://192.168.78.7/cdtc/app/custom/libs/DataTables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf",

              "aButtons": [



                {
                    "sExtends":    "collection",
                    "sButtonText": "Guardar",
                    "aButtons":    [ "csv", "pdf" ]
                },
                {
                    "sExtends":    "copy",
                    "sButtonText": "Copiar",
                    "sInfo": "Todos los registros fueron copiados al portapapeles"

                },
                {
                    "sExtends":    "print",
                    "sButtonText": "Imprimir",
                    "sInfo": "Vista previa impresión, presione la tecla ImprPant para imprimir. Presione Escape para salir de la vista previa"
                }


            ]

        },

        "oColVis": {
            "buttonText": "Mostrar/Ocultar Columnas",

        },

        "oLanguage": {
      "sLengthMenu": "Mostrar _MENU_ registros por página",
      "sZeroRecords": "No se encontro nada",
      "sInfo": "Mostrando _START_ a _END_ de _TOTAL_ registros",
      "sInfoEmpty": "Mostrando 0 to 0 of 0 registros",
      "sSearch":         "Buscar:",
      "oPaginate": {
        "sFirst":    "Primero",
        "sLast":     "Último",
        "sNext":     "Siguiente",
        "sPrevious": "Anterior "

    },
      "sInfoFiltered": "(filtered de _MAX_ total registros)"

    }
    } );
} );
</script>

But when I try to add a ColReorder extra, all plugins cease to function. I tried using the following code adding an R to the previous code:

 $('#results').dataTable( {
            "sDom": 'T<"clear">RClfrtip',

Any ideas? Thanks in advance.

I asked becuase I pasted your sDom into a project where I also use ColReorder and know is without errors, and it works with your sDom also (and 100% sure it actually has recognized your sDom) ..So I suspect some other thing to be the reason. — davidkonrad, Sep 21 '13 at 21:05
The complete code works, but when I add the R to use ColReorder (second example) it crashes. I'm sure it's a syntax issue, I'm new to jquery. — Sebastián Scarano, Sep 21 '13 at 22:40

jquery Data Tables Plugin Enable Multiple features

0 Answers0