Handlebars/HTML: Unable to render img tags within the table



  • Guys,

    I'm struggling to get the <img> rendered within the table and its rows, it's always put outside of the table (above it). I'm sure it's something obvious I'm missing.
    I've also tried to inject the row template via {{{ renderRow @this}}} syntax but the result it the same.

    Your help is appreciated. thank you

    Using JSReport 2.7.1

    <table class="image-table">
                    <tbody>
                        {{#each Hazard.Attachments}}
                            {{#each Images}}
                                {{#if (isImage @this)}}
                                    <tr>
                                        </td>
                                            <img class="hazard-img" src="https://someurl/images/{{property}}" />
                                        </td>
                                    </tr>
                                {{/if}}
                            {{/each}}
                        {{/each}}
                    </tbody>
                </table>
    


  • Hm, I would guess it is a css problem. How it looks when you render HTML recipe?
    Would you be able to show the problem in playground? Thank you
    https://playground.jsreport.net/



  • If the above is your actual code I think the problem is that you aren't opening the <td> at all. Instead you are closing it twice </td>


Log in to reply
 

Looks like your connection to jsreport forum was lost, please wait while we try to reconnect.