WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] Column Width and a Word with dash (11 posts)

  1. mlt01005
    Member
    Posted 1 year ago #

    Hi, I currently have a word in the third header column that has a dash in it. Instead of reading it as a whole word, the table splits the word onto two rows. Using chrome's inspect feature I have been able to change the following css to widen the column width however of course it doesn't save:
    element.style {width: 26px;}
    to
    element.style {width: 48px;}

    I have thus added the following code in the plugin options, custom css section of the table reloaded plugin but it is not working to widen this column width and show the third column label called "R-value" on one row:

    .wp-table-reloaded-id-1 .column-3 .style { width: 45px!important; }

    Please help!! http://www.petiteoutdoorgear.com/2012-sleeping-pad-comparison-listing/

    http://wordpress.org/extend/plugins/wp-table-reloaded/

  2. mlt01005
    Member
    Posted 1 year ago #

    I also tried the following code but it did not work either: .wp-table-reloaded-id-1 .column-3 { width: 45px!important; }

  3. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    the best way for this is probably to use

    .wp-table-reloaded-id-1 th.column-3 {
      white-space: nowrap !important;
    }

    Regards,
    Tobias

  4. mlt01005
    Member
    Posted 1 year ago #

    Tobias,

    I put the code you suggested into the custom css and it doesn't seem to be working, it is still wrapping the third column header. Please help!

  5. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    the reason for this likely is a wrong bracket type in the line before the one I posted above.
    There, you have ) instead of }. Once you fix that, the code should work as expected.

    Regards,
    Tobias

  6. mlt01005
    Member
    Posted 1 year ago #

    Tobias,

    The brackets were correct and it doesn't seem to be working.

  7. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    no, the last bracket in the first line

    table thead th {vertical-align: top;)

    is not correct, and it is breaking the code.

    Regards,
    Tobias

  8. mlt01005
    Member
    Posted 1 year ago #

    Ah nice catch. Thanks for the help!

    Do you plan on releasing an updated version any time soon with the sort arrows aligned at the bottom of the header cells?

  9. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    sure, no problem! Great that it works now!

    And no, I do not plan on changing the location/alignment of the arrows in the header cells. The center right position is the best for almost all use cases, and a change now would just cause trouble for the majority of people.

    You might want to try the TablePress plugin from http://wordpress.org/extend/plugins/tablepress/ which will be the official successor of WP-Table Reloaded. I slightly changed some CSS there, so that the arrows will not overlap the text anymore (although they will also be in the center right position).

    Regards,
    Tobias

  10. mlt01005
    Member
    Posted 1 year ago #

    Is It possible to download tablepress and activate it using the WP-Table Reloaded tables? I don't want to loose my data.

    Also, it would be suggested to have options on where to place the arrows in future revisions. The center arrow alignment just doesn't work for my site. (http://www.petiteoutdoorgear.com/2012-comprehensive-list-trekking-hiking-poles/)

    Thanks

  11. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    yes, you can use TablePress already now. Also, you won't loose data, as TablePress does not influence or change anything from WP-Table Reloaded. As soon as you deactivate TablePress again, WP-Table Reloaded will resume as before.

    Here are some instructions for a good start:
    1. Just to be on the safe side, create a "WP-Table Reloaded Dump File" (on the "Plugin Options" screen of WP-Table Reloaded), as a complete backup.
    2. If you want, you can addionally export your most important tables as CSV files, as a backup. If you are really afraid of data loss, it also can't hurt to create a full backup of your WordPress mySQL database (which you should be doing regularly anyway.)
    3. Then install and activate TablePress. (Your tables will now not show on your site, but that is expected, and only temporary until you complete step 4.)
    4. In TablePress, you will see a notification that WP-Table Reloaded is installed and activated. Click that large button to get to the "Import" screen of TablePress. In the lower half, you can find an import possibility. Leave everything as it is there and click "Import from WP-Table Reloaded". This will import your WP-Table Reloaded tables and their options into TablePress, as well as your "Custom CSS" (if you have any). The "Custom CSS" might need some updating, if it used special things, but likely that is not the case.
    Your tables will now show again on your site, now created by TablePress, which you can recognize from the new (more fresh and modern) styling.
    5. You can now work with your tables in TablePress. Changes that you make in TablePress tables will NOT influence/change/update WP-Table Reloaded tables!
    6. Once you are satisfied, you should deactivate WP-Table Reloaded. However, before you do that, make sure that the "Remove upon Deactivation" checkbox on the "Plugin Options" screen of WP-Table Reloaded is NOT checked (unless you really want to remove all WP-Table Reloaded tables from the database). If you want to remove everything, you can also click the "Uninstall" button there. (Note that you can always get everything back from the "WP-Table Reloaded Dump File" that you created as a backup in step 1, in case you ever change your mind.)
    7. If you are not satisfied, just deactivate TablePress again, and you will get the exact WP-Table Reloaded behavior as before. That should hopefully not happen though :-) And if it does, please let me know why, and I will happily try to fix any problems or improve the plugin.

    About the arrow problem: TablePress uses a slightly changed approach here. Due to that, arrows will never overlap the text of the header cell, so that repositioning them is not necessary as the center position will always work.

    Regards
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic