Answers

• kthorngren Posts: 21,141Questions: 26Answers: 4,918

  November 2017

  The browser's console shows this error:
  "buttons.dataTables.min.css:1 Uncaught SyntaxError: Unexpected token {"

  You have:

  <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
      </script>
  

  Since its not a JS script you will need to use something like this:

  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
  

  Kevin
• alfasino9 Posts: 31Questions: 5Answers: 0

  November 2017

  Hello @kthorngren ! Nice to see you here :

  I have changed your advice, but it doesn't work.

  Now that error is not shown but the buttons still not appears

  Thank you for your help as always!
• allan Posts: 63,160Questions: 1Answers: 10,406 Site admin

  November 2017 Answer ✓

  You've got two Buttons arrays in the same DataTables configuration object:

                  buttons: [
                  'copy', 'csv', 'excel', 'pdf', 'print'
                  ],
  

  and then later:

                  buttons: [{
              extend: "selectedSingle",
              text: "Actualizar",
              action: function ( e, dt, node, config ) {
                 ...
          }
                  ]
  

  That's like having

  var i = 1;
  i = 2;
  

  and expecting i to be both 1 and 2. The second one will "win".

  You need to merge the two arrays together.

  Allan
• alfasino9 Posts: 31Questions: 5Answers: 0

  November 2017

  Thank you allan!

  And how we can organize this 5 buttons into only one with dropdown the 5?

  Thank you!
• allan Posts: 63,160Questions: 1Answers: 10,406 Site admin

  November 2017 Answer ✓

  This example demonstrates how the collection button type can be used.

  Allan
• alfasino9 Posts: 31Questions: 5Answers: 0

  November 2017

  Thank you, don't see it !!

  Best regards