Thanks for the prompt reply.  Two issues

1. image 
Same cod and same image, it works on the report, but image does not show on header.  The code is like this

 <header>

  <table style="height: 50px; line-height: 3px;">

    <tbody>

      <tr>

        <td style="width: 70px; padding-left: 00px;">

          <%=  wicked_pdf_image_tag image_url('HKT-logo.jpeg'), size: "125x125" %>

        </td>

        <td style="width: 800px;">

        <h2 style="font-size: 30px;">SITES TESTING CO., LTD.</h2>

        </td>

      </tr>

    </tbody>

  </table>

</header>

2. The variable
The same variable @sale is accessible in the report, but not accessible in footer.  
I tried HTML format, No Luck. The code

           header: { html: { template: 'users/header'....

Any ideas?