Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

171
Visualizações
Adding buttons to datatable - JQuery

below is my simple viewing using datatable. How can I add buttons to my datatable? I have a simple viewing of data after button onclick. What I want is to have a button as the 4th column for insert query purposes. How can I embed it on my codes? Thanks in advance.

enter image description here

My script

function view() {
      let EmployeeID = document.getElementById('employee-id').value;
      console.log(EmployeeID);
      let testTable = $('#table_view').DataTable();
      $.ajax({
         type: "POST",
         dataType: "json",
         url: "@Url.Action("ViewEmployee")",
         data: {
            'EmployeeID': EmployeeID,
           },
           beforeSend: function () {
              $.dialog({
                 icon: 'fa fa-spinner fa-spin',
                 title: 'Loading',
                 content: 'Loading, Please Wait...',
                 showConfirmButton: false,
                 draggable: false,
                 closeIcon: false
              });
           },
           success: function (result) {
              var delay = 500;
              $('.jconfirm').fadeOut(delay);
              var interval = setInterval(function () {
                 clearInterval(interval);
              }, delay)
                if (result.success) {
                   var columns = []
                   var jsonData = $.parseJSON(result.data);
                   var json = jsonData.Table = null ? '' : jsonData.Table;

                   if (json.length > 0) {
                      var colNames = Object.keys(json[0])
                      for (var i in colNames) {
                         columns.push({ data: colNames[i], title: colNames[i], className: colNames[i],});
                      }

                      testTable.destroy()
                      testTable.clear().draw()

                      $('#table_view').empty()
                      $('#table_view').DataTable({
                         //dom: 'Bfrtip',
                         columns: columns,
                         data: json,
                         scrollX: true,          
                      });
                   }
                   else {
                      testTable.destroy()
                      testTable.clear().draw()
                   }
                }
                else {
                    alert(result.message);
                }
           }
      });
   }
about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda