Print Not working working in Electron js app

shafeequeot

Only white popup window showing while press print button from data table in Electron Application.
screen short attached for your reference.

Not showing other button like, pdf / csv / excel button

i am new in data table. can any body help me to find solution

My script as given below

var $  = require( 'jquery' );
var dt = require( 'datatables.net' )();
require( 'datatables.net-buttons/js/buttons.colVis.js' )(); //# Column visibility
require( 'datatables.net-buttons/js/buttons.html5.js' )();  //# HTML 5 file export
require( 'datatables.net-buttons/js/buttons.print.js' )();  //# Print view butto

$(document).ready( function () {
        
            var table = $('#table_id').DataTable({
              "dom": '<"toolbar">Bfrtip',
              "language": {
                "paginate": {
                  "next": "Next"
                }
               
                
              },
               buttons: [
                'copy', 'csv', 'excel', 'pdf', 'print'
            
        ]
    
            })

            $("div.toolbar").html('<input class="datePicker" type="month" name="" id="dated">');
          dated.onchange = evt =>{
            table.draw();
            
          }
            $.fn.dataTable.ext.search.push(
              function(settings, data, dataIndex) {
                var sdate =  $('#dated').val().split('-')
                var month = sdate[1]
                var year = sdate[0]
              console.log(data)
                var date = data[1].split('-');
                if ((isNaN(year) && isNaN(month)) ||
                  (isNaN(month) && year == date[0]) ||
                  (date[1] == month && isNaN(year)) ||
                  (date[1] == month && year == date[0])
                ) {
                  return true;
                }
                return false;
              }
            );
          });

Edited by Colin - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.

colin

That's odd, I've not seen that before. We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

shafeequeot

Dear Colln

Please find the test case from this link http://live.datatables.net/papamuju/1/

colin

Thank you for the test case, but unfortunately it doesn't run. Please can you provide a test case that demonstrates the issue you want support with,

Colin

shafeequeot

Print, CSV, PDF export buttons not working.
Kindly check below console screen short. Hope it will understand, what is the wrong with my application

kthorngren

Your test case doesn't have that error. Its hard to say without seeing the problem. You are using .close with something. That something is undefined. Can you provide a link to your page or a running test case showing the issue? If no then use Stack Overflow or other resources for techniques to troubleshot this error.

Kevin

shafeequeot

Still, I did not fix this issue. property 'close' of undefined
at _Api.action (l\node_modules\datatables.net-buttons\js\buttons.print.js:151)

error is from data tables js file.

actually, it is an offline application, I cant provide the link, instead, I can share GitHub rep.

colin

For us to help you, please link to a page that demonstrates the issu.

Colin

shafeequeot

Dear Colin,

Thank you for your quick reply. i will host it on any server and give the access. meanwhile, could you please let me know why not appear pdf and csv button. my browser only shows the print button. pdf and csv buttons not appearing on dom element.

here is my code
$(document).ready(function () {
var table = $('#table_id').DataTable({
"dom": '<"toolbar">frtip',
"language": {
"paginate": {
"next": "Next"
}
},
dom: 'Bfrtip',
buttons: [
'print', 'pdf', 'csv'
]
})
});

kthorngren

The typical reason is that you haven't loaded all the required files. For PDF you need PDFMake but it doesn't look like you are loading PDFMake in your code snippet above. Use the Download Builder to get the proper files.

You have two dom options listed. One will overwrite the other. I'm guessing the "dom": '<"toolbar">frtip', is being overwritten by dom: 'Bfrtip',. Not saying this is why the PDF and CSV buttons aren't showing, just pointing it out.

Kevin

shafeequeot

I have revised my code as below, but still, only the print button is appearing, the rest all not appear

require( 'jszip' );
require( 'pdfmake' );
require( 'datatables.net-dt' )();
require( 'datatables.net-buttons-dt' )();
require( 'datatables.net-buttons/js/buttons.html5.js' )();
require( 'datatables.net-buttons/js/buttons.print.js' )();

$(document).ready(function () {
  var table = $('#table_id').DataTable({
    "language": {
      "paginate": {
        "next": "Next"
      }
      },
    dom: 'Bfrtip',
    buttons: [
     
                'copy', 'csv', 'excel', 'pdf', 'print'
    ]
  
  })

});

shafeequeot

Thank you for you answers.

But instead of usning npm, I have manually download the zip file and used as <script type="text/javascript" src="../../config/js/Datatables/datatables.min.js"></script>

now I can see the buttons. I think there is some problem with npm module while integrating the electron app

kthorngren

Did that solve your Cannot read property 'close' of undefined error?

Kevin

shafeequeot

No. those problem still having, but now i can add other button (csv, pdf) along with print button)

Uncaught TypeError: Cannot read property 'close' of undefined at B.action (datatables.min.js:359) at t (datatables.min.js:257)

allan

If you can link to a page showing the error I can take a look and help to resolve it.

Allan