How to control column width ??

  • Resolved Civil Engineering Notes

    (@civilenggnotes)


    5 years, 10 months ago

    Hello, recently i installed tablepress and created some tables using this plugin. Although the total width of the table is currently fine now, but i am not satisfied with the column width. There not direct control to adjust the column or table width. Even I tried to control the column and table width with css as in the documentation. But it did not work for me. May be i did something wrong. Please give me the correct css and where to implement them?? Thank you..

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    The CSS that you are using is being applied and it’s working (I would however recommend to not use the overall .tablepress selector, but a more precise .tablepress-id-123 selector so that this only applies to the desired tables).
    The reason why you might not be seeing the working CSS code in action could be caching. Can you therefore maybe try clearing the cache of the plugin that you are using for CSS minification and concatenation, or maybe visiting the site in an “incognito” browsing session?

    Regards,
    Tobias

    Thread Starter Civil Engineering Notes

    (@civilenggnotes)

    hello @tobiasbg,
    I tried to use the more precise selector as you said, but it did not work. Please check the issue.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    then I’m maybe not understanding what the problem is. Can you maybe try explaining it again, maybe with a screenshot?

    Regards,
    Tobias

    Thread Starter Civil Engineering Notes

    (@civilenggnotes)

    Suppose i am creating a table with 3 column using 3 headers, namely 1. Sl No, 2. Name of the Test, and 3. IS Code. Obviously i need more width for the middle column than the other two, as it will have more content text, assume width of the first column is 25% of the total table width, and the same for the next tow column are 50% & 25% respectively. What should i do for that??

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    but this is exactly how the table looks for me already (the second column has the largest width).
    The best code to achieve it would be

    .tablepress-id-1 .column-1,
.tablepress-id-1 .column-3 {
  width: 25%;
}
.tablepress-id-1 .column-2 {
  width: 50%;
}

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to control column width ??’ is closed to new replies.