CSS: Delete row header of input table for a specific table

  • jjormasnizar
    Asked on September 11, 2019 at 3:12 AM

    I have several input table in my form, and I would like to delete/hide the row header of a specific table in my form?

    I tried the CSS from the entry below and it deleted all the row headers for all tables in my form.

    https://www.jotform.com/answers/1360092-Input-table-CSS-to-hide-table-row-headers

    Thank you for your help.

  • Victoria_K
    Replied on September 11, 2019 at 3:25 AM

    We can try to check for other CSS code, specific for your form. Can you please link your form here and specify which header you would like to hide? 

  • jjormasnizar
    Replied on September 11, 2019 at 3:55 AM

    https://form.jotform.me/90651031803447Hi, https://form.jotform.me/90651031803447https://form.jotform.me/90651031803447https://form.jotform.me/90651031803447https://form.jotform.me/90651031803447

    The row header in table 'Itinerari Tugas/Kursus' on page 2.

    And also,

    I'd also like to fix the width for 'Maklumat Tambahan' when published. Currently, if published, the width will become smaller.
  • Victoria_K
    Replied on September 11, 2019 at 4:49 AM

    My apologies, but I do not see an exact header you have mentioned. Is it the one? 

    CSS: Delete row header of input table for a specific table Image 1 Screenshot 20

    I have added codes to hide it:

    #cid_94 > table > tbody > tr:nth-child(1) > th.form-matrix-column-headers.form-matrix-column_3 {

      display: none;

    }

    Guide: How-to-Inject-Custom-CSS-Codes

    The other question will be answered in a separate thread: https://www.jotform.com/answers/1959686 

  • jjormasnizar
    Replied on September 11, 2019 at 6:59 AM

    Hi, Thank you for your swift response.


    Really sorry, I directed you to the wrong table. It is actually on the first page, it will be only visible when 'Luar Negara' field is checked (from Luar Negara). Below is the table I am referring to:

    1568199338Screen Shot 2019 09 11 at 6 Screenshot 10

    Currently I put a dot to the first column (which I want it to be removed) and look like this:

    1568199534Screen Shot 2019 09 11 at 6 Screenshot 21

    Thank you in advance for your support.

  • Victoria_K
    Replied on September 11, 2019 at 7:53 AM

    Okay, please try the following CSS to hide the first column:

    .form-matrix-row-headers, #cid_124 > table > tbody > tr:nth-child(1) > th:nth-child(1) {

      display: none;

    }