Answers

• kthorngren Posts: 21,351Questions: 26Answers: 4,955

  January 2019

  I have this example that I added buttons to the child table and it works:
  http://live.datatables.net/hixodato/1/edit

  I don't see anything scanning your above code that looks like a problem. Do you get errors in the browser's console?

  Please provide a link to your page or a test case replicating the issue so we can help debug.
  https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

  Kevin
• dpapini Posts: 13Questions: 4Answers: 0

  January 2019 edited January 2019

  my debug
  https://debug.datatables.net/azinuw
• dpapini Posts: 13Questions: 4Answers: 0

  January 2019 edited January 2019

  i'm forget to post my listener

      $('#tablePianodicaricoMaster tbody').on('dblclick', 'tr', function () {
          var tr = $(this).closest('tr');
          var row = $('#tablePianodicaricoMaster').DataTable().row(tr);
          var idx = $.inArray(tr.attr('id'), detailRows);
  
          if (row.child.isShown()) {
              tr.removeClass('details');
              row.child.hide();
  
              // Remove from the 'open' array
              detailRows.splice(idx, 1);
          }
          else {
              tr.addClass('details');
              row.child(format(row.data())).show();
  
              // Add to the 'open' array
              if (idx === -1) {
                  detailRows.push(tr.attr('id'));
              }
          }
      });
  

  i've tried to add button on my master table and it work fine.
  only detail table not work then buttons
• kthorngren Posts: 21,351Questions: 26Answers: 4,955

  January 2019

  The debug link isn't working but won't be much help to determine why the buttons aren't functioning. In order to help we would need to see the code running. please post a link to your page or a test case replicating the issue.

  Kevin
• dpapini Posts: 13Questions: 4Answers: 0

  January 2019 edited January 2019

  http:\test.saporiditoscana.com
  u:guest
  p:12345678!

  select from left menu
  LOGISTICA->PIANO DI CARICO
  on page select DEPOSITO GROSSETO and click on button CERCA
• kthorngren Posts: 21,351Questions: 26Answers: 4,955

  January 2019

  I followed the steps above but it doesn't seem like the page is configured to display the buttons. This is what I see for the child table:

              var detailsTableOpt = $('#tablePianodicaricoDetail').clone().attr('id', 'tablePianodicaricoDetail' + rowData.CdGiro).dataTable({
                  'dom': 'frtip',
  

  Kevin
• dpapini Posts: 13Questions: 4Answers: 0

  January 2019

  Sorry, i'm forget to delivery version.
  Just a moment i'm delivering
• dpapini Posts: 13Questions: 4Answers: 0

  January 2019

  Now it's online right version

  Thank You
• kthorngren Posts: 21,351Questions: 26Answers: 4,955

  January 2019

  I think the problem is due to the Datatable events binding to the HTML table you are cloning from and not the "cloned" table. You can see this in the example I built based on your example:
  http://live.datatables.net/hukahopa/1/edit

  Try searching for text that is not in the child table and you will see it doesn't update. I think you will need to change your code to not use the cloning technique.

  Kevin
• dpapini Posts: 13Questions: 4Answers: 0

  January 2019

  thank you. you 've right.

  i change my code and now it work.
• dpapini Posts: 13Questions: 4Answers: 0

  January 2019

  Hi can you help me? i've add a listener for detail row, bua not fired it.

  this is my listener
  // Add event listener for opening and closing second level child details
  $('.child_table tbody').off().on('dbclick', 'td.details-control1', function () {
  var tr = $(this).closest('tr');
  var row = $('#tablePianodicaricoMaster').DataTable().row(tr);
  var rowData = row.data();
  var _url = App.getGlobalWcfErgonPath() + "GetDtDetailOrdine";
  var _data = JSON.stringify({ pAnnoOrd: rowData.AnnoOrdine, pNrOrd: rowData.NrOrdine });

              $.ajax({
                  type: "POST",
                  data: { "StringSearch": _data },
                  url: _url,
                  contentType: "application/json; charset=utf-8",
                  dataType: "jsonp",
              }).done(function (result) {
  
                  $.get("/Home/OrdineModalJson?JsonData=" + result, function (t) {
                      $('#modalOrdine').html(t);
                      $('#modalOrdine').modal({ keyboard: true, });
                      $('#modalOrdine').data('bs.modal').handleUpdate();
                  })
  
              }).fail(function (jqXHR, textStatus, errorThrown) {
                  alert("errore:" + textStatus);
              });
  
          });
  

  thank you