Using Spreadsheet widget

  • Katie_Nicholson
    Asked on March 12, 2021 at 10:59 PM

    Hi Jotform


    Im using the spreadsheet widget and need a few more options like column widths however I cant find it and the more I adjust everything the less I can get out of the widget


    I understand widgets cant do everything just let me know if um using it wrong or Ill figure out and adapt


    Thanks

    Jotform Thread 2964575 Screenshot
  • Anita_K
    Replied on March 13, 2021 at 1:17 PM

    Hi,

    thank you for reaching out to us.

    You can use the following code to change the width of the columns:

    #spreadsheetContainer th:first-child {

      width: 10px !important;

      padding: 4px;

      font-size: 14px;

      word-break: break-word;

    }

    #spreadsheetContainer th + th {

      width: 100px !important;

      padding: 4px;

      font-size: 14px;

      word-break: break-word;

    }

    .cell-input {

      width: 100% !important;

    }

    Guide: How to Inject CSS Codes to Widgets

    You can change the numbers to suit your preferences.

    Let us know if you need further assistance.