Adding Headers to Matrix

[aunarang]

@Ashley1014

I think these links might help:

From Qualtrics Community

1. **https://community.qualtrics.com/XMcommunity/discussion/10632/how-to-add-a-column-with-the-row-numbers-to-a-bipolar-matrix-question
2. **https://community.qualtrics.com/XMcommunity/discussion/868/is-it-possible-to-add-a-header-above-the-first-column-of-a-side-by-side-item
3. https://community.qualtrics.com/XMcommunity/discussion/15126/how-do-i-add-a-title-to-the-first-column-of-a-matrix-table-but-not-the-whole-page

Generic (I looked for append thead to matrix, Javascript)

1. *https://gist.github.com/marketinview/e3a9d10a133ce525d478
2. https://stackoverflow.com/questions/12781886/jquery-add-thead-and-add-tbody
3. https://www.codegrepper.com/code-examples/javascript/frameworks/nextjs/how+to+append+thead+in+table+using+jquery
4. https://www.w3schools.com/jsref/met_table_createthead.asp
5. https://www.geeksforgeeks.org/how-to-add-table-row-in-a-table-using-jquery/
6. https://dba-presents.com/jvm/javascript/111-adding-rows-to-html-table-with-jquery

[aunarang]

@Ashley1014

Adjust height of rows - maybe the height of the rows with a price list is fixed https://www.geeksforgeeks.org/how-to-fix-the-height-of-rows-in-the-table/

[aunarang]

@Ashley1014

I am not sure if it is good to fix the height of the row but here is another link to do that: jQuery(".ChoiceStructure table td").not(".ControlContainer").css("line-height", "1.5em");

https://community.qualtrics.com/XMcommunity/discussion/10337/formatting-form-questions

[aunarang]

@Ashley1014

More links: Making rows unequal height

1. https://stackoverflow.com/questions/66023788/unequal-rows-in-css-grid

I think the issue is row resizing, so I think the best option before giving up and making the header shorter is to disable row resizing (this what I googled). But these are ideas, you can always try your own. Maybe only look at the text entry links if you think they would help

1. https://www.grapecity.com/forums/spreadjs/how-to-prevent-column-and-
2. https://community.oracle.com/tech/developers/discussion/2385604/how-to-disable-resize-function-for-multiple-rows-of-inputtext
3. https://www.syncfusion.com/kb/6565/how-to-disable-the-resizing-rows-in-winforms-gridcontrol
4. https://ej2.syncfusion.com/documentation/grid/columns/column-resizing/
5. https://github.com/siteorigin/siteorigin-panels/issues/557
6. https://stackoverflow.com/questions/5235142/how-do-i-disable-the-resizable-property-of-a-textarea
7. https://www.tutorialspoint.com/How-to-disable-resizable-property-of-textarea-using-JavaScript
8. https://www.geeksforgeeks.org/how-to-disable-resizable-property-of-textarea-using-css/