just to provide some answer here, I mainly work with macOS however with the Intel hardware. considering that 1 year has passed since M1 release, I expect the problems with docker to be less than before, however, this is still just my impression and it is not based on real testing, we don't have YET M1 hardware available to test the images, but this is changing soon (in like 2 or 3 months), I will provide another reply with all my findings when I have the M1 finally on my hands.

thanks!

hi @ziyacanerandac

this is a good starting point https://playground.jsreport.net/w/anon/SyL6aErP-2

a minimal jsreport export means an export file created by the import-export extension containing/selecting the needed entities to replicate the error (template, assets if any, or scripts if any), with the export we will be able to reproduce the bug for our investigation and eventually the bug fixing.

hi! please provide more details, what version of jsreport are you using? what is the configuration your server is using? do you have the authentication extension enabled? if yes, I don't see in your screenshot that your request includes the required Authorization header

hmm actually I have no idea, perhaps you can try to apply some top padding to the cells, so you can make some space for the header to be, then you need to find some way to place the "united States of America" content there, perhaps with some position: absolute trick.

<style>
  .td {
     padding-top: 45px; /* use a value that make the cells to have some blank space at the top  */
   }

   /* find a way to place the header in this space, perhaps with position absolute */
</style>

<tr>
  <td>
    james bond
  </td>
  <td></td>
  <td></td>
  <td></td>
</tr>

hi! we don't have control over the default styles that a recipe engine (chrome, phantom, etc) uses when it encounters a broken image, if the behavior is different between versions 1 and 3 is probably because they both use different versions of the chrome/phantom.

perhaps you just need to apply some css styles to the images so they contain restrictions about not growing more than some specific width/height

I tried many things but nothing seems to work, so i ran out of ideas here. the problem is that you want to treat the tbody as a group (which contains two rows), but the chrome pdf layout algorithm at much considers each row alone as a group, so it can not keep both rows (from the body) together.

hi @Subrato-maji can you share a playground demo of the problem? the issues with chrome and table in pdf are tricky and it requires us to check the code in order to try to come up with a solution

hi @Gayen-M I did not understand which entity I was expected to run, and also did not observe anything about the header template being responsive or changing layout, but anyway i ran the "current-directorship-template" and modified the afterRender script a bit to make it run correctly with the pdf utils and the landscape to false, see it here

async function afterRender(req, res) {
    const $pdf = await jsreport.pdfUtils.parse(res.content, true)

    const watermarkRes = await jsreport.render({
        template: {
            name: 'header-template', 
            chrome: {
                landscape: false
            }
        },
        data: {
            ...req.data,
            $pdf
        }
    })

    /*
    const $pdf = await jsreport.pdfUtils.parse(res.content)
    const headertemplate = new Array($pdf.pages.length).fill(watermarkRes.content)
    */

    /*
    const originalBuffer = Buffer.from(res.content)      
    const withWatermarkBuffer = await jsreport.pdfUtils.merge(originalBuffer, headertemplate)
    */

    res.content = await jsreport.pdfUtils.merge(res.content,  watermarkRes.content, mergeToFront = false)

}

hi @Vishnu-Menon can you please put your demo here on the playground? doing that will allow us to check what you are trying to do and help.