Add heading text on Input Table

  • minooar
    Asked on October 17, 2017 at 3:25 PM

    Hi there,

    How can I add heading to my table? (See the picture)

    Thanks!

    Jotform Thread 1275605 Screenshot
  • Elton Support Team Lead
    Replied on October 17, 2017 at 4:51 PM

    Unfortunately, there are no direct settings in the input table field where you can add another header other than the column names.

    The easiest workaround is to inject custom CSS codes to your form to add those labels.

    You can use this CSS codes.

    .form-matrix-table tbody tr:first-child > th:first-child:before {

        content: "Strategies";

        text-align: center;

        width: 100%;

        display: inline-block;

    }

    .form-matrix-table tbody tr:first-child > th:first-child{

    border: none;

        display: inline-flex;

        width: 100%;

        box-sizing: border-box;   

        position:relative;

    }

    .form-matrix-table tbody tr:first-child > th:first-child:after {

        content: "Scale";

        position: absolute;

        text-align:right;

        right:-80px;

        top:-20px;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    This is how it looks:

    Add heading text on Input Table Image 1 Screenshot 20