column width command not working

  • Resolved Fowzan

    (@rockyyy)


    12 years, 1 month ago

    first of all i would like to say that this plugin is AMAZING.
    secondly the support is even better. thumbs up for such awesome work.

    i just installed table press plugin. my main purpose to use this is to provide links. so links are the most important criteria for me.

    i imported my tables from google doc. it showed up perfect on the page. but the links didnt work. and i went through support and i found the solution. the html extension. i installed it and it worked perfect. all the links came alive.

    but then the table width broke. at first the table fixed the column size on its own and it exactly fitted in the are. but now it expanded and it pushed out the widgets even further.

    heres a screenshot of whats happened. https://gyazo.com/841a9b24aaadddfba6d3005b24efb43f

    at first the table had fixed the column size on its own to fit in the area perfectly. but now something went off.

    i looked through the support and i found a column width option. i tested it, but it doesnt show any changes. this is what i added to the custom css

    .tablepress-id-1 .column-1 {
	width: 220px;
}
.tablepress-id-1 .column-2 {
	width: 260px;
}

    https://www.ads-software.com/extend/plugins/tablepress/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter Fowzan

    (@rockyyy)

    update : i found the solution
    i browsed throught the support and read a post where it said that pasting the short code in the visual editor was not same as pasting the short code in the text editor.
    till now i was doing it on the visual editor.
    i just deleted everything from the visual editor and pasted the code on in text editor and it worked perfect.
    this is how it looks now
    https://gyazo.com/13205995da533a1ab4c17652bd82d3cd

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post. Great to hear that you like the plugin!

    Well, you are experiencing how tables work in browsers:
    The content of a cell defines the minimum width, that that cell must have. The browser will try to make that small, but especially for URLs this is almost never possible. The reason is that URLs in most cases don’t contain places, like spaces or hyphens, where the browser can add a word-wrap or line break. Now, after that step, the widest cell in a column defines the minimum width for the entire column. The width that you define in the CSS can not go below that. And finally, the sum of the minimum widths of the columns define the minimum width of the entire table. And if that’s wider than the desired content area, it will extend into the sidebar/widgets, as in your case.

    So, to make things, fit you’ll have to reduce the minimum width of the content, for example by reducing the font size, or by adding spaces/hypens to the content (this will not really be possible in your case, as the links are fixed).
    Another idea could be to enable the “Horizontal scrolling” checkbox on the table’s “Edit” screen. The table should then be scrollable and not extend into the sidebar.

    Regards,
    Tobias

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    ah, just read your update ?? Seems like we posted at the same time ??

    Yes, that’s then a likely reason for this! Great that you found this! Working with Shortcodes can indeed be done much better in the Text editor instead of the Visual editor.

    Regards,
    Tobias

    Thread Starter Fowzan

    (@rockyyy)

    Hi tobias,
    you support is the best i have come across till now. detailed explanation a quick response. i like this plugin alot and i would be putting it to good use. thanks for it. rated this 5 stars as well with a short review.
    marking this as resolved too.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thank you, I really appreciate it! And you are very welcome! Always glad when I can help ??

    Best wishes,
    Tobias

    Thread Starter Fowzan

    (@rockyyy)

    Hi Tobias,
    just one simple question. is it possible to show row numbers in the table. i tried looking for this. but didnt find anything

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    there’s no direct feature to automatically add them, so you’ll have to manually add a new column and fill it with the row numbers.

    There’s then however a TablePress Extension at https://tablepress.org/extensions/datatables-counter-column/ that can make that column static, so that it will stick in place even when some other column is sorted or the table is filtered.

    Regards,
    Tobias

    Thread Starter Fowzan

    (@rockyyy)

    once again thank you for the quick response. that extension solved my problem. but on an additional note, the extension did not add the column on its own. instead it replaced the data on my first column with the row numbers.
    i inserted an empty column at the starting. and that fixed the issue. this should be mentioned on the extension page

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    great to hear that the Extension helped! ??

    And you are right, the Extension does not add the column itself. Good catch! I’ll update the Extension page with this information!

    Best wishes,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘column width command not working’ is closed to new replies.