CSV to SortTable
[resolved] Plugin not interpreting URLs after update (9 posts)

  1. pjharley
    Posted 3 years ago #

    Up until I updated to CSV2Table 4.1.3 the links on this page were being replaced by a clickable image:

    http://www.ayaltis.com/products (last column on the right)

    Since the update only the URL text appears. What do I need to do to recover from this problem.


  2. Shaun Scovil
    Plugin Author

    Posted 3 years ago #

    Hi there! Sorry you're having a problem. Do you know which version of the plugin you upgraded from?

    The URLs in the last column of your table are links to other web pages, not image files...so they should never have been converted into link images even in older versions of this plugin.

    Did someone modify the older version of the plugin for you? Or write a custom function, maybe?

  3. Shaun Scovil
    Plugin Author

    Posted 3 years ago #

    At any rate, the plugin converts certain file URLs (.doc, .pdf, .ppt, .xls, .zip) into clickable file type icons -- and image file URLs into clickable images.

  4. pjharley
    Posted 3 years ago #

    I am not aware of any modifications other than what I did in the CSS.
    The version was 3.1

  5. pjharley
    Posted 3 years ago #

    This is how I am calling the plugin on the page:
    [csv2table source="http://www.ayaltis.com/wp-content/uploads/performance/performance_en.csv" unsortable="1,2,3,4,5,6,7,8,9,10" number="2,3,4,5,6,7,8" group="1" icons="true"]

    This was working and I had an image with 3 dots that replaced the URL.
    Trying to find a copy of the old plugin now.

  6. Shaun Scovil
    Plugin Author

    Posted 3 years ago #

    Try adding this to your style.css:

    table.sortable td.col11 a {
        background-image: url('http://placehold.it/20x20');
        background-repeat: no-repeat;
        color: transparent;
        float: left;
        position: relative;
        width: 20px;
        height: 20px;

    You'll want to replace the background-image value with the URL of your image, and set the width and height to the correct dimensions for your image. That should sort you out.

    EDIT: I added float: left; to ensure the cell widths were correct.

  7. Shaun Scovil
    Plugin Author

    Posted 3 years ago #

    Marking this as resolved. I tested the solution above on your site in Chrome Inspector and it worked; please let me know if you have any trouble getting it to work on your end.

  8. pjharley
    Posted 3 years ago #

    Yes, problem is resolved thankyou.
    Thanks for your prompt response.
    Found the issue as it would seem the row class names have changed since 3.1.

    Now if you know of a way to make this table "responsive"... ;-)

  9. Shaun Scovil
    Plugin Author

    Posted 3 years ago #

    Ah yes, sorry about that. In the process of improving the plugin, I had to make some changes that were likely to result in a few CSS customizations being broken. Glad we could sort it out, though.

    Also, tables don't exactly lend themselves to responsive design since you have to shrink the text in order to fit all the columns...but that being said, the plugin CSS includes this:

    table.sortable { width: 100%; }

    So in theory, if it is placed inside a responsive container it should follow suit.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • CSV to SortTable
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.