Resize the first column on input table

Hi there! I am unable to resize the Input table. I have injected some codes from the Forum but it won't work. Kindly help Thanks.

I need two modification on the input table:
1. Make it mobile screen responsive.
2. Remove the extra spacing from the Header of each row.

Let me check this further and I will update you via this support ticket.

I am still waiting for your response. Thank you.

You may inject this CSS code to your form to get rid of the extra space and shrink its width.

.form-matrix-row-headers label table td {

    border: none !important;

}

table {

    width: 100% !important;

}

th.form-matrix-headers {

    padding: 4px !important;

}

Guide: How to Inject Custom CSS Codes

Result:

There's still a cut off on the right side as you could see but your users will be able to scroll horizontally to view the rest of its part. If in case you want to fit them perfectly on mobile, you can add this CSS code.

.form-matrix-column-headers {

    word-break: break-word;

}

This breaks the column label letters so it perfectly fits into its container. This will shrink the column width and gives enough space for the entire table to display on mobile.

Result:

Let us know if you have any other questions.

Worked perfectly. Thank you.