0

Hola actualmente estoy iniciando con data table, la situacion es que solo logro llenar una tabla, y hacer que aparezca un boton cuando la columna Respuesta contiene un valor diferente de Success lo que quiero hacer es que al encontrar la primer respuesta diferente de Success elimine las rows restantes acontinuacion anexo dos imagenes la primera es como se muestra y la segunda como deberia de mostrarse

var tabla=  $("#tabla-respuesta-plataforma").DataTable({
            ajax: {
                type: 'POST',
                url: 'url',
                dataSrc: "",
                data: { ot: otSeleccionado, fol: folio },
                beforeSend: function () { },
                complete: function () { },
            },

            searching: false,
            ordering: false,
            paging: true,
            paginate: true,
            lengthChange: false,
            pageLength: 10,
            scrollCollapse: true,
            columns: [
                { data: "plataforma" },
                { data: "comando" },
                { data: "respuesta" },
                { data: "idcomando" },
                { data: "reintentar","render": function (data, type, row) {

                    if ((row.respuesta != "Success")) {


                        return "<button type='button' class='btn btn-info btn-estilo' style='border: 2px solid red'>Reintentar</button>";


                        } else {

                            return "";
                        }

                    }
                }
            ],


        });
            /* 
          var tabla3css = document.getElementById("tabla-respuesta-plataforma"); //esta es una variable global solo anexo aqui para explicar de donde viene

//con esto deberia eliminarse las row fila=(tabla3css.rows.length)-2;
                    columna=(tabla3css.rows[0].cells.length)-1;
                    if ((tabla.cell(fila,2).data())!="Success"){
                    tabla.cell(fila,columna).data('<div style="width:20px"><a><button type="submit" onclick="Reintentos()" class="btn btn-info hb">REINTENTAR <i class="fa fa-refresh" ></i></button></a></div>');*/
                }


        $("#tabla-respuesta-plataforma").closest("div").addClass("tabla-scroll");
    } catch (e) {
        alert(e);
    }

asi es como se muestra asi es como se deberia de ver

3
  • a mi parecer deberias utilizar el metodo remove y aqui hay un post en el foro que trata sobre el mismo problema que tienes el 17 feb. 2020 a las 20:32
  • ya lo intente con el metodo remove antes pero elimina todo, y no respeta el if con el cual compruebo :/ pero gracias!
    – jonadab_mg
    el 18 feb. 2020 a las 0:55
  • @jonadab_mg, Si lo que quieres es visualizar los datos que sean diferentes de 'success', simplemente has eso desde tu consulta, asi cuando pintes tu datos solo mostraras lo diferentes de success y listo, no te "complicas" haciendo validaciones que no son tan necesarias
    – JDavid
    el 18 feb. 2020 a las 16:29

1 respuesta 1

0

bueno la solucion que encontre fue la siguiente:(aclaro que no es la mas limpia pero ayudo en lo que queria hacer)

agregue estas variables globales

    var tabla3css = document.getElementById("tabla-respuesta-plataforma");
    var columna;
    var fila;

agregue estas propiedades propias del datatable

initComplete: function() {
            fila=(tabla3css.rows.length);
            columna=(tabla3css.rows[0].cells.length-1);
            if(tabla3css.rows[fila-1].cells[columna-2].innerHTML!="Success"){
            tabla3css.rows[fila-1].cells[columna].innerHTML="<button type='button' class='btn btn-info btn-estilo'style='border: 2px solid red'>Reintentar</button>";
            }
        },

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.