Change the names of columns and rows with a spreadsheet extension

Yes, you can manage the column and row names of the Spreadsheet table with using custom CSS.

I tried to replicate your needs. Here you can see an example form with Spreadsheet:

https://form.jotform.com/73402286623959

Just copy the code below and paste it into CUSTOM CSS tab:

#col_A, #col_B, #col_C,#row_1,#row_2,#row_3,#row_4,#row_5 {

   color: transparent;

   font-size: 1px;

}

#col_A:before, #col_B:before,#col_C:before,#row_1:before,#row_2:before,#row_3:before,#row_4:before,#row_5:before  {

    color: #FFF;

    font-size: 14px;

}

#col_A:before {

   content: "Solo";

}

#col_B:before {

   content: "Duets";

}

#col_C:before {

   content: "Teams";

}

#row_1:before {

content: "Number";

}

#row_2:before {

content: "Number";

}

#row_3:before {

content: "Number";

}

#row_4:before {

content: "Number";

}

#row_5:before {

content: "Total";

}

I hope it helps.

If I'm understanding your new concern correctly, here are the CSS codes you need to meet your requirements — How-to-Inject-CSS-Codes-to-Widgets

.cell-input {

    color: red !important;

    text-align: center !important;

    font-weight: bold !important;

}

Result:

If you have other questions or concerns, please feel free to contact us again anytime.

To avoid confusion, we will be addressing your new question to a new thread. Please wait for our response to this link: https://www.jotform.com/answers/1317285

Thank you.