Customizing Input Table field

  • EmoryDPT
    Asked on May 6, 2025 at 11:47 PM

    in the spreadsheet wizard, is there a way to change font and color of row and column headers?

  • John JotForm Support
    Replied on May 7, 2025 at 5:12 AM

    Hi EmoryDPT,

    Thanks for reaching out to Jotform Support. If you're referring to the Input Table field of your Purchase Request form, you can easily change fonts and background color of both the row and column headers by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    /*column headers*/
    th.form-matrix-headers.form-matrix-column-headers {
        background: red; 
        border: 1px solid red !important;
    }

    /*row headers*/
    th.form-matrix-headers.form-matrix-row-headers {
        background: green;
        border: 1px solid green !important;
    }

    /*Global font*/
    table.form-matrix-table {
        font-family: "Helvetica", sans-serif;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Customizing Input Table field Image 1 Screenshot 20

    Just update the background and border colors, as well as the font family, with the ones you prefer. You can visit this page for a list of HTML colors you can use.

    Give it a try and let us know how it goes.

Your Answer