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 Puntos223480

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.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Otras Preguntas y Respuestas


Actividad Reciente

  • carlossevi ganó una medalla hace 2 horas

    Buena Respuesta - Recibió +1 votos en respuesta
  • matrixmar8 ganó una medalla hace 1 día

    Club de los 100 - Recibió un total de 100 puntos
  • matrixmar8 ganó una medalla hace 1 día

    Humano Verificado - Verificó su email
  • JoseVillalta ganó una medalla hace 1 día

    Club de los 100 - Recibió un total de 100 puntos
  • JoseVillalta ganó una medalla hace 1 día

    Humano Verificado - Verificó su email
  • Tammya ganó una medalla hace 1 día

    Club de los 100 - Recibió un total de 100 puntos
  • Tammya ganó una medalla hace 1 día

    Humano Verificado - Verificó su email
  • edu_botero ganó una medalla hace 1 día

    Fotogénico - Subió un avatar
  • edu_botero ganó una medalla hace 1 día

    Club de los 100 - Recibió un total de 100 puntos
...

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

Conecta