Question

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>

Answer 1

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