-
jjormasnizarAsked 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_KReplied 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?
-
jjormasnizarReplied 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_KReplied 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?
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
-
jjormasnizarReplied 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:
Currently I put a dot to the first column (which I want it to be removed) and look like this:
Thank you in advance for your support.
-
Victoria_KReplied 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;
}