What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Spreadsheet widge: column width and row numbers

    Asked by eriediocese on October 20, 2015 at 06:14 AM

    I need column A to be large than column B.   Can you provide the CSS code?

    Also, is it possible to hide the row numbers?

    Lastly, I need to tabulate the figures in column b at the bottom of column b.  Is that possible?

    Page URL:
    https://form.jotform.com/52802567867972

    column width and css code Than in large
  • Profile Image
    JotForm Support

    Answered by beril on October 20, 2015 at 08:48 AM

    Hi,

    1) You can chance the size of column with the code below:

    div#spreadsheetContainer {

    width: 500px !important;

    }

    table {

    width: 500px;

    }

    tr.c2 {

    width: 250px !important;

    }

    .B input {

    width: 250px !important;

    }

    2) add the code below to your custom CSS.

     

    th { display: none; }

     

    3) You can use survey matrix for this:

    Here is the guide:

    http://www.jotform.com/answers/645975-How-To-Create-a-Table-Within-The-Form#1

     

  • Profile Image

    Answered by eriediocese on October 20, 2015 at 06:54 PM

    IF I follow #2, the row numbers disappear as do the column headings.  Is there a way to hide just the row numbers.

    Additionally, the custom column headings that I created disappear in Internet Explorer.   This is if I visit the from on your web page not an embedded version of the form.

     

    Lastly, I chose the spreadsheet because I need the last row in the table to sum up the numbers entered in column b.   Would you still use the other matrix that you suggested?

  • Profile Image
    JotForm Support

    Answered by Chriistian on October 21, 2015 at 02:08 AM

    Hi,

     

    You can try to inject this custom CSS code in your form to hide the row numbers column.

    th:first-child {

        display: none !important;

    }

     

    As for the computation on your form, Spreadsheet widget is the applicable field/widget you need to achieve your requirement. I checked the form and I see you have already setup the formula for the sum of column b in the last row. 

     

    Here is a sample cloned form that I used for testing - https://form.jotformpro.com/52931086690965.


    Do let us know if you need further assistance.
    Regards.