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

    Is there a way to re-number the Rows in Spreadsheet widget

    Asked by rlzolinas on June 11, 2015 at 05:05 PM
    Is there a way to re-number the rows so that when I hide Row 1 it doesn't start the next row at 2, but instead at 1?
  • Profile Image

    Answered by raul on June 11, 2015 at 07:30 PM

    You can do this by injecting custom CSS code to the widget.

    You can see an example here: http://form.jotformpro.com/form/51617778903970. The code I used on that form is the following:

    #row_1:before {

        content: "";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_1 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_2:before {

        content: "1";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_2 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_3:before {

        content: "2";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_3 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_4:before {

        content: "3";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_4 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_5:before {

        content: "4";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_5 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_6:before {

        content: "5";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_6 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_7:before {

        content: "6";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_7 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_8:before {

        content: "7";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_8 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_9:before {

        content: "8";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_9 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_10:before {

        content: "9";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_10 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

     

    #row_11:before {

        content: "10";

        font-size: 15px;

        letter-spacing: normal;

        color: #FFF;

    }

     

    #row_11 {

        font-size: 1px;

        letter-spacing: -1px;

        color: transparent;

    }

    And the result is this:

    If you want you can clone that form to your account to inspect it further.