Need to correct the Print format header and value overlap issue

{% for item in doc.items %}
            <td style="border:1px solid black; text-align:right;">{{ item.qty }}</td>
            <td style="border:1px solid black; text-align:right;">{{ item.uom }}</td>
            <td style="border:1px solid black; text-align:right;">{{ item.rate }}</td>
            <td style="border:1px solid black; text-align:right;">{{ item.amount }}</td>
        </tr>
        {% endfor %}
        
        
        
        </tbody>




        </table>
    </div>
</div>
Sl No Item Code Description Qty Unit Rate Amount
{{ loop.index }} {{ item.item_code }} {{ item.description }}