Advice for column width issue?

  • Resolved twhitaker

    (@twhitaker)


    4 years, 1 month ago

    Hi – I have a search tool that returns voting locations by county (you’ve helped me on several of these 🙂 https://www.faircount.org/dropbox-and-early-vote-search/

    My table works well, but based on the width of the location name, sometimes the hours in the table displays on multiple lines:

    View post on imgur.com

    I’ve been playing around with inspect element to see if there’s a way I can figure out how to adjust the width of the columns — perhaps to be fixed so that I’m always leaving enough room for the Early Vote Hours column.

    Any tips/advice on that by chance?

    I’ve adjusted a few things by adding code in the custom css section, like button color before, but unsure if the table properties are deeper into the code where I’d need to make changes. Thanks as always!

    Thomas

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Roland Barker

    (@xnau)

    4 years, 1 month ago

    Table column widths are always a matter of give-and-take. The best approach to take to setting the column widths is to set the width of the narrowest column, giving more room to other columns. If you try to make a column wider it won’t work.

    Another approach is to change the size of the type so that more can fit in, or even set up the data so that it will always break, but where you want it to break so it looks consistent.

    Thread Starter twhitaker

    (@twhitaker)

    4 years, 1 month ago

    Thank you. After playing around a bit more I realized I can control the width of one column with:

    td.early_vote_location-field {
    width: 200px;
    }

    That got the narrowest column to be fixed and always provide room for the hours column. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Advice for column width issue?’ is closed to new replies.