Use css bootstrap with jquery
<p>I would like to display my variable called "data.tickets[i].description" in my table and create a new row every time i have a new description  but it's not working, nothing is display. here is my code :</p>

<pre><code>function displaytickets(){
    var $mytable = $('table').addClass('table table-condensed table-hover')
    $mytable.append($('&lt;tbody&gt;'))
    $mytable.append($('&lt;th scope=row&gt;').addClass('mylist'));
    $('body').append($mytable);
    var newid = {};
    $("#mylist").empty();
    $("#nbtick").html("");
    $("#mycontent").html("");
    var y = document.getElementById("mySecond").value;
    localStorage.setItem("monauteur", y);
    console.log(y);
    $.ajax({
      url:"https://cubber.zendesk.com/api/v2/users/"+y+"/tickets/requested.json",
      type: 'GET',
      dataType: 'json',
      cors: true ,
      contentType:'application/json',
      secure: true,
      beforeSend: function (xhr) {
          xhr.setRequestHeader ("Authorization", "Basic " + btoa(""));
      },
      success: function (data){
          for (i = 0; i &lt; data.tickets.length; i++) {
              var new_table = $mytable.clone();
              new_table.find('.mylist').text(data.tickets[i].description);
              var mytitle = data.tickets[i].subject;
              var description = data.tickets[i].description;
              var status = data.tickets[i].status;
              var myid = data.tickets[i].id;
              console.log(data.tickets[i]);
              var create = data.tickets[i].created_at;
              var created = moment(created).format("MM-DD-gggg");
              var nbticket = data.tickets.length;
          }
          $("#nbtick").append('&lt;p&gt;'+nbticket+'&lt;/p&gt;');
      }, 
  });

  $("#idisplay").css("display", "none");


}
</code></pre>