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

  • Profile Image
    jjormasnizar
    Asked on September 11, 2019 at 03: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.

  • Profile Image
    Victoria_K
    Answered on September 11, 2019 at 03: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? 

  • Profile Image
    jjormasnizar
    Answered on September 11, 2019 at 03: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.
  • Profile Image
    Victoria_K
    Answered on September 11, 2019 at 04:49 AM

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

    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 

  • Profile Image
    jjormasnizar
    Answered on September 11, 2019 at 06: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.55

    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.58

    Thank you in advance for your support.

  • Profile Image
    Victoria_K
    Answered on September 11, 2019 at 07: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;

    }