Answers

• allan Posts: 61,972Questions: 1Answers: 10,160 Site admin

  February 2022 Answer ✓

  Happy to take a look at a test case showing the issue. My guess is that the event is not being explicated when the elements are cloned for the responsive display.

  You could try using the experimental listHiddenNodes renderer

  renderer: $.fn.dataTable.Responsive.renderer.listHiddenNodes()
  

  which moves the elements about instead of cloning them.

  Allan
• julianr9230 Posts: 2Questions: 1Answers: 0

  February 2022

  friend, thank you very much for your answer, I tried what you say and it still doesn't work, do you have any other ideas?

  $('.tablas').DataTable({

          language: {
              sProcessing: "Procesando...",
              sLengthMenu: "Mostrar _MENU_ registros",
              sZeroRecords: "No se encontraron resultados",
              sEmptyTable: "Ningun dato esta disponible",
              sInfo: "Mostrando registros del 0 al 0 de un total de 0",
              sInfoFiltered: "Filtrando un total de _MAX_ registros",
              sSearch: "Buscar:",
              sLoadingRecords: "Cargando...",
              oPaginate: {
                  sFirst: "Primero",
                  sLast: "Ultimo",
                  sNext: 'Siguiente',
                  sPrevious: "Anterior",
              },
              oAria: {
              sSortAscending:
                  ": Activar para ordenar la columna de manera ascendente",
              sSortDescending:
                  ": Activar para ordenar la columna de manera descendente",
          },
          },
          renderer: $.fn.dataTable.Responsive.renderer.listHiddenNodes(),
          responsive: true,           
  
  
      });
  

  ** my buttons no working **

  
• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  February 2022

  Allan asked for a running test case to help debug the issue.
  https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

  Kevin
• ButchNZ Posts: 17Questions: 5Answers: 0

  March 2023 edited March 2023

  None of your wire:click emitters will continue to work.

  Instead, you need to write your own click handlers and livewire.emit() in there. Your click handler should also use on bound to an existing element.

  For example:

  $(body).on('click', '#DeleteConfirmed', function()
  {
      window.livewire.emit('delete', clickedID);
  });