Add heading text on Input Table

  • Profile Image
    minooar
    Asked on October 17, 2017 at 03:25 PM

    Hi there,

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

    Thanks!

  • Profile Image
    EltonCris
    Answered on October 17, 2017 at 04: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: