Input table: CSS to hide table row-headers

  • hlwdgrnd
    Asked on January 24, 2018 at 5:32 AM

    Hiya all,


    I am trying to work out how to remove the 'Row-headers' to the left side of the table field. I do not need these to be visible as people will be specifying their own titles in the actual table. I am hoping by removing this column it will allow for the other columns to be wider.

    Could anyone help me out with this? I have attached a screen capture with the rows I want to get rid of outlined in red.

    Thanks

    Jotform Thread 1360092 Screenshot
  • aubreybourke
    Replied on January 24, 2018 at 10:39 AM

    Yes its possible:

    1516808287The Easiest Online Form Builde Screenshot 10


    Please add this CSS code:

    .form-matrix-row-headers {

        display : none !important;

    }

    th:nth-child(1){

        display: none;

    }

    How-to-Inject-Custom-CSS-Codes 

  • hlwdgrnd
    Replied on January 25, 2018 at 9:05 PM

    This is perfect, thank you so much!