entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

-1voto

Editar tabla mediante JavaScript

Buenas, he hecho una tabla con bootstrap, como hago para poder editarla en la propia tabla,ya sea, añadir o cambiar elementos tanto eliminarlos y no tener que estar tocando html cada vez que quiera introducir parámetros. os dejo mi HTML.

 <div class="tab-content" id="pills-tabContent">
                                    <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                                            <table class="table">
                                                    <thead>
                                                      <tr class="bg-warning">
                                                        <th scope="col">Posición</th>
                                                        <th scope="col">Equipo</th>
                                                        <th scope="col">Nombre</th>
                                                        <th scope="col">Apellido</th>
                                                        <th scope="col">Puntos</th>
                                                        <th scope="col">IR/SF</th>
                                                      </tr>
                                                    </thead>
                                                    <tbody>
                                                      <tr class="bg-info">
                                                        <th scope="row">1</th>
                                                        <td>RedBull</td>
                                                        <td>Mark</td>
                                                        <td>Versttapen</td>
                                                        <td>65</td>
                                                        <td>3000/2.5</td>
                                                      </tr>
                                                      <tr>
                                                        <th scope="row">2</th>
                                                        <td>Ferrari</td>
                                                        <td>Kimi</td>
                                                        <td>Raikonen</td>
                                                        <td>56</td>
                                                        <td>3000/2.5</td>
                                                      </tr>
                                                      <tr>
                                                        <th scope="row">3</th>
                                                        <td>Mercedes</td>
                                                        <td>Lewis</td>
                                                        <td>Hamilton</td>
                                                        <td>53</td>
                                                        <td>3000/2.5</td>
                                                      </tr>
                                                      <tr>
                                                        <th scope="row">4</th>
                                                        <td>Mclaren</td>
                                                        <td>Fernando</td>
                                                        <td>Alonso</td>
                                                        <td>50</td>
                                                        <td>3000/2.5</td>
                                                          </tr>
                                                    </tbody>
                                                  </table>
                                    </div>

1 Respuesta

2votos

Leonardo-Tadei Puntos227320

Hola @flowcou,

aparecen muchos ejemplos de cómo editar dinámicamente una tabla con JavaScript buscando "editar tabla HTML con javascript" en un buscador.

Podés refinar tu pregunta para ver como se edita un TD o como se agrega o borra un TR etc, pero si manejás JavaScript le vas a encontrar el mecanismo muy rápido.

Si tenés alguna duda sobre una acción puntual que no te esté funcionando, abrí una pregunta nueva para cosa cosa y poné la porción de código HTML y JavaScript involucrada, así te podemos ayudar.

Saludos cordiales

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta