Input Table: Can we bold some items in Input Table field?

Thank you. One last question...is there a way of bolding some of the items
in the first column?
...

It is possible to wrap the text into HTML span elements with custom classes to achieve the goal.

Here is an example:

https://pastebin.com/raw/1unWxGtP

Then, apply the CSS to the custom class.

.bold {
font-weight: bold;
}

Result:

If you need any further assistance, please let us know.

​Can I make the column headers red and bold? Thanks !!!​
...

To make the column headers on the Input Table become red and bold, please inject this CSS code:

.form-matrix-column-headers {

    font-weight: bold;

    color: red;

}

 

Result:

 

Cheers.

​Thank you..last thing...just need the headers to line up over the columns
please and thank you​!
...

To make the headers line up over the columns, please reduce the width of the headers and adjust the margin.

Result:

Thanks.

​
​
T
​hank you
Couple of questions:
- ​how do I prevent users from entering data into the columns to the
right of the *bolded* heading table input field​. This is a heading and
should not have data entered
- can i change the color and size of these bolded column headings to
make them stand out?
​
...

- ​how do I prevent users from entering data into the columns to the
right of the *bolded* heading table input field​. This is a heading and
should not have data entered

Do you mean the dropdowns to the right of Consumption Salt? Unfortunately, these fields cannot be considered as headers. The only fields that are considered headers of the Input Table are those at the top row.

 

- can i change the color and size of these bolded column headings to
make them stand out?

You can change the CSS properties of the element with bold class. For example, you want to change their colors to red, add this to the custom CSS you injected.

.bold {

    color: red;

 

}

 

If you need further assistance, just let us know.

Regards.

 

H
​i, the list of items is getting long. Can I add a search box-does it exist
in CSS?
​
...

Hi, not sure what is happening but, the form is not working despite
reverting the history. The floating header is now not working. Can you
assist?
...

Unfortunately, there is no way to add the search functionality to the Input Table field.

It looks like that the floating header is based on a custom CSS added to your form.

What is the exact issue you are having with that header?

Hi, if I copy this code into a new form using the same information, the
header *does not float.* Can you help please.
Here is the URL of the new form: https://form.jotform.ca/71748319024255
...

Please try this CSS codes on your form.

#cid_53 tr:nth-of-type(1) {
    position : fixed;
    margin-top : -5.4%;
    margin-left : 2.0%;
}

it work like this form https://www.jotformpro.com/71913885222964

You can adjust the margin-left number to match your need.