Handlebars.js: Ancho td dinámico al crear la tabla

Creado en 23 abr. 2018 · 7Comentarios · Fuente: handlebars-lang/handlebars.js

Estoy creando una tabla que incluye dos filas con números dinámicos de td.
La parte importante es establecer el ancho para cada td y el ancho se ha calculado y pasado a la vista.
tdWidth: 100/numberOfChars => que da un porcentaje de ancho
Estoy usando el siguiente código pero no funciona:

<table>
<tbody>
<tr>
{{#each array}}
<td style='width: {{tdWidth}}%;'>{{this}}</td>
{{/each}}
</tr>
</tbody>
</table>

cualquier ayuda apreciada.

Fuente

amirzandi

Comentario más útil

Está iterando en "correcciones" en su declaración "cada", pero ese objeto no contiene el objeto "tdWidth".

Creo que es posible que deba cambiar esto:
{{tdWidth}}

A esto:
{{../tdWidth}}

Ref: http://handlebarsjs.com/ (en "Rutas de los manillares")

magikstm en 24 abr. 2018

👍2 🎉1

Todos 7 comentarios

@nknapp por favor ayuda!

amirzandi en 24 abr. 2018

¿Qué problema tienes actualmente?

Se necesitaría más código para ayudar a resolver el problema.

magikstm en 24 abr. 2018

@magikstm en realidad tdWidth proviene del servidor pero no se representa en el cliente. mientras reviso la fuente en el cliente, muestra:

C
pero cuando muestro tdWidth dentro de un lapso o div, muestra: 9.99, lo que significa que los datos provienen del servidor. No funciona mientras lo coloco dentro de la etiqueta de estilo de un elemento.

amirzandi en 24 abr. 2018

@amirzandi , ¿podría compartir más de su código?

Especialmente la parte que crea el valor "tdWidth" y cómo lo vincula a esa parte de su página.

magikstm en 24 abr. 2018

@magikstm
este es el lado del servidor:
res.render('./juego/frase_box', {
diseño: falso,
incorrectos: resultado.incorrectos,
corrige: resultado.corrige,
numeroDeCaracteres: resultado.numeroDeCaracteres,
tdWidth: 100 / número de caracteres
});

este es el lado del cliente:
{{#si es incorrecto}}
{{#si es correcto}}

            <tr>
                {{#each corrects}}
                    <td style="width:{{tdWidth}}%">{{this}}</td>
                {{/each}}
            </tr>
        </tbody>
    </table>
{{/if}}

amirzandi en 24 abr. 2018

Está iterando en "correcciones" en su declaración "cada", pero ese objeto no contiene el objeto "tdWidth".

Creo que es posible que deba cambiar esto:
{{tdWidth}}

A esto:
{{../tdWidth}}

Ref: http://handlebarsjs.com/ (en "Rutas de los manillares")

magikstm en 24 abr. 2018

👍2 🎉1

@magikstm ohhhhh me salvaste el día... muchas gracias... muchas gracias.

amirzandi en 24 abr. 2018

🎉1 👍1

¿Fue útil esta página

0 / 5 - 0 calificaciones