I have made ajax function in the Django project and on-click I am appending table row inside table body by using the append method. for pdf, I am using jquery DataTable for downloading pdf but I got an empty pdf with only a heading. why I'm not getting data?

    function getData(el){
        $.ajax({
          url:"{% url 'indexajax' %}",
          type: 'GET',
          dataType: 'json',
          data: {saveVsl:el.value},
          success: function(r){
            for(let i=0; i<r.length; i++){
                
                $('#table tbody').append(`<tr><td>${i}</td><td>${r[i].name}</td><td>${r[i].email}</td><td>${r[i].description}</td></tr>`)
            }
 
          },
        
        })
       }

data table

    $('#table').DataTable( {
    buttons: [
        {
            extend: 'pdf',
            text: 'Save current page',
            exportOptions: {
                modifier: {
                    page: 'current'
                }
            }
        }
    ]} );