Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 19, 2024 at 5:25 pm #1440384
    cuccarini

    Hello,

    in a following table: https://www.alfieridellatuscia.it/agonistica/ I have the problem to have columns of different widths, in particular I would like to use a percentage width. The result I would like to obtain would be the following:
    – column # = 5%
    – Team column = 40%
    – Results column= 25%
    – column P.sq. = 15%
    – P.ind. column = 15%

    Thanks as always for your precious help
    Andrea

    April 19, 2024 at 6:04 pm #1440389
    Mike

    Hey cuccarini,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .avia-data-table-wrap td {
    white-space: nowrap;
    width: auto;
}
.avia-data-table-wrap table {
    table-layout: auto !important;
}

    This will let the content in the table cells determine the width.

    Best regards,
    Mike

    April 19, 2024 at 8:14 pm #1440394
    cuccarini

    Thanks Mike,
    excellent as usual. Only I small correction, the 2 column (Squadre) must be justified on the left not in the center, the other columns can be fine like this.

    Kind regards
    Andrea

    April 19, 2024 at 8:28 pm #1440396
    cuccarini

    Hello Mike,

    I solved the justify left problem by myself.
    Please you can close the ticket.

    Have a nice day
    Andrea

    April 20, 2024 at 11:31 am #1440407
    Rikard

    Hi,

    Great, I’m glad to hear that you found a solution. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Table with columns of different widths’ is closed to new replies.