How to change input table width

No matter what px # is entered in the "options" section my table is running off the page

https://form.jotform.com/81964578815170

Please help

I have been checking your form and I can see the input tables are displayed properly in desktop and mobile: 

Desktop: 

Mobile: 

It seems you were able to resolve the issue, if the problem  persists, please let us know. 

If you click on yes for the roster a new table pops up and its very wide
Tasha Pittard| Digital Experience Manager
MOBILE:
OFFICE: 800.237.6695 ext 6367
AUGUSTASPORTSWEAR.COM
?
________________________________
...

The input table is created using an HTML Table, this element cannot be handled or adjusted to its container like other elements; however, you may inject the following CSS code and avoid to have the table displaying outside the form, the element will have a scroll bar so the users see the entire table. 

li#id_11 {

    width: 100% !important;

}

div#cid_11 {

    overflow-x: scroll;

}

Guide to inject the code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Here's a cloned form of yours where you can see the result: https://form.jotform.com/81975008182965 

I hope this helps. 

Great that solves one of my problems, but I had to duplicate that input table a few times and now I am unable to make all of them the correct size. Please help.
Tasha Pittard | Digital Experience Manager
MOBILE:
OFFICE: 800.237.6695 X6367
AUGUSTASPORTSWEAR.COM
[/var/folders/2f/57f98k7n2gq4jg88tljsprqw0000gn/T/com.microsoft.Outlook/WebArchiveCopyPasteTempFiles/cidimage001.jpg@01D419BE.795F5B00]
...

If you want to affect all the input tables on your form, then you may inject the following CSS code: 

li[data-type="control_matrix"] {

    width: 100% !important;

}

li[data-type="control_matrix"] div[id*="cid"] {

    overflow-x: scroll;

}

Please give it a try and let us know how it goes.