1

hola lo que pasa es que no entiendo por que en algunos codigos utilizan loop_start y loop_end para llenar tablas en html por ejemplo:

                <table class="table  table-hover">
                    <tr>
                        <td>Nombre del encuestador</td>
                        <td>Fecha de la encuesta</td>
                        <td>Nombre del predio del proyecto</td>
                        <td>Fecha/Hora inicio de grabación</td>
                        <td>Fecha/Hora última grabación</td>
                        <td>Estado</td>
                        <td>Municipio</td>
                    </tr>
                    <!--LOOP_START--> 
                        <tr>
                            <td>[#interviewer_name]</td>
                            <td>[#poll_date]</td>
                            <td>[#project_property_name]</td>
                            <td>[#recordStartDT]</td>
                            <td>[#recordEndDT]</td>
                            <td>[#state]</td>
                            <td>[#town_name]</td>
                        </tr>
                    <!--LOOP_END--> 
                </table>

por favor me pueden explicar este metodo sobe toodo como implementarlo en javascript

1 respuesta 1

0

Es para construir dinamicamente el cuerpo de una tabla, por ejemplo:

quiero insertar estos datos local_data=[2,3,4,5] en cada fila, te dejo un ejemplo.

            var local_data=[2,3,4,5];
            var table=document.createElement('table');
            table.class="display";
            table.id="example";
            var thead=document.createElement('thead');
            var tr=document.createElement('tr');
            var th=document.createElement('th');
            var texto=document.createTextNode("hora");

            th.appendChild(texto);
            tr.appendChild(th);
            thead.appendChild(tr);
            table.appendChild(thead);
            var tbody=document.createElement('tbody');
            
            for(var indice=0; indice<local_data.length; indice++){//<!--LOOP_START--> 
                var tr=document.createElement('tr');
                var td=document.createElement('td');
                var datos=local_data[indice]; 
                var datoNodo = document.createTextNode(datos);
                td.appendChild(datoNodo);
                tr.appendChild(td);  
                tbody.appendChild(tr);
            }//<!--LOOP_END--> 

            
            table.appendChild(tbody);
            document.getElementById("tabla").appendChild(table);
<div id="ListaUsuarios"></div>
<div id="tabla"></div>

2
  • gracias compañero Commented el 7 mar. 2017 a las 14:03
  • @brahian.verac te recuerdo si alguna respuesta ayuda a solucionar tu problema considera marcar +1 y/o marcarla como correcta. Commented el 7 mar. 2017 a las 14:11

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.