Change the Spacing Between Cell Borders in HTML Report

Updated Dec 30, 2025

Environment

Software

  • LabVIEW

This article explains how to change the spacing between cell borders in HTML report using CSS at Append User Formatted HTML to Report VI function, where can change from below current border,

to below border in HTML report.

Based on below LabVIEW snippet, use below CCS to the HTML text of Append User Formatted HTML to Report VI function.

 

CSS:
<style>
    /*
    1. Specify border-collapse: collapse; for the table element
       to make the double lines between cells into a single line.
    */
    table {
        border-collapse: collapse;
        width: 80%; /* Set the width for better visibility */
        margin: 20px auto; /* Center alignment */
    }

    /* 2. Use the border property for table, th, and td elements
       to specify the thickness, style, and color of the lines at once.
    */
    table, th, td {
        /* Set the line thickness to 3px */
        border: 3px solid #444444; 
        padding: 10px; /* Padding inside the cell */
        text-align: left;
    }

    /* Make only specific cells (th) thicker */
    th {
        /* Set the thickness to 5px specifically for th */
        border-width: 5px; 
        background-color: #f0f0f0;
    }

</style>

 

LabVIEW Snippet:

Note: This image is a LabVIEW snippet, which includes LabVIEW code that you can reuse in your project.
To use a snippet, right-click the image, save it to your computer, and drag the file onto your LabVIEW block.

Upon running the LabVIEW code, the spacing between cell borders in HTML report is changed from below current border,

 to below border in HTML report.