Spreadsheet Widget: How to adjust column width on each column instead of fixed width for all columns?

  • HAHK
    Asked on April 5, 2019 at 7:57 PM
    - How to adjust column width on each column instead of fixed width for all columns? I want to extend the width on Column A only.
  • Mike
    Replied on April 5, 2019 at 8:20 PM

    You may use classes of the columns to change the width with CSS. For example, use the .A class to affect the Column1.

    Example:

    .A {
    width: 200px;
    }
    .B {
    width: 40px;
    }
    .C {
    width: 30px;
    }

    Spreadsheet Widget: How to adjust column width on each column instead of fixed width for all columns? Image 1 Screenshot 20

  • HAHK
    Replied on April 6, 2019 at 2:43 AM
    Thanks Mike, the adjusted column width is fine now.
    However, text values on Column A are now right-align, how can I change it
    to left-align? I added custom CSS but seems not work, please see as
    attached. Besides, can I hide the spreadsheet row number 1, 2, 3, etc.?
    ...
  • Mike
    Replied on April 6, 2019 at 8:53 AM

    Please try the next CSS to align the text in column A, and to hide very the first column:

    .A .cell-input {
    text-align: left;
    }
    tr th:first-of-type {
    display: none;
    }

  • HAHK
    Replied on April 10, 2019 at 8:42 AM
    Thank you Mike.
    ...