Problem with Highlighting Rows; initial Custom CSS has become “fixed”

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

    (@tobiasbg)

    3 years, 8 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter ak

    (@sublime-oblivion)

    3 years, 8 months ago

    Thanks, Tobias!

    That particular problem has since gone away, but it now seems the more general problem is that it is taking a long time for the CSS changes to propagate. Is that typical?

    I am using TablePress for lists of book/film/game ratings on my website, I will use the game review section as example, because it has the smallest/most convenient table. Here it is. The rightmost column contains keywords for which I want to set row rules.

    Custom CSS right now, to highlight rows with “reviewed” on them:

    .tablepress .row-highlight-reviewed td {
	background-color: #fcffd1 !important;
}

    And the shortcode on that page:

    [table id=22 row_highlight="reviewed" /]

    As of right now, it hasn’t updated (even though I switched off all caching on my website).

    Plugin Author TobiasBg

    (@tobiasbg)

    3 years, 8 months ago

    Hi,

    thanks for the link! For me, the “reviewed” highlighting is working.

    My guess here is that you are still seeing browser caching, as your site is not using the normal CSS/JS file cache busting query strings. After making changes to the CSS, you might there have to force-reload the page (Ctrl/Cmd+Shift+R), when viewing the page with the table.
    You could also test by opening the page in a “Private”/”Incognito” browsing tab, where no caching in the browser takes place.

    Regards,
    Tobias

    Thread Starter ak

    (@sublime-oblivion)

    3 years, 8 months ago

    Hi Tobias,

    Yes, it appeared for me precisely a couple of minutes ago, thanks. (I think it’s to do with slow propagation because I tested it on Edge and Mozilla, where it also took about 10 minutes to propagate – appeared there at the same time as on my Chrome. So, don’t think it’s a browser issue).

    Would you have any suggestions on how to solve this issue? Don’t know what to make of “your site is not using the normal CSS/JS file cache busting query strings”. 🙁

    ***

    Also, a final question before I leave a 5 star review – what would be the best way of adding multiple rules? E.g., say I also want to highlight rows with “best”, should I add this to the Custom CSS:

    .tablepress .row-highlight-best td {
	font-weight: bold !important;
}

    and write the shortcode as:

    [table id=22 row_highlight=”reviewed” row_highlight=”best” /]

    Thanks again!

    Thread Starter ak

    (@sublime-oblivion)

    3 years, 8 months ago

    There’s another problem I just discovered… the highlighting rules only appear to work when the rightmost column is NOT hidden.

    E.g., when I tried to hide that column in Games, the highlights disappeared; when I set those columns back to Show (and on Films), they reappeared.

    Plugin Author TobiasBg

    (@tobiasbg)

    3 years, 8 months ago

    Hi,

    I have no idea why these changes seem to propagate slowly… TablePress doesn’t have any delays there, it writes the CSS files immediately.

    With those “cache busting query strings” I mean something appended to the URL, like the “?ver=52” in “https://akarlin.com/wp-content/tablepress-combined.min.css?ver=52”
    That said, this is now part of the URLs on your site… Did you change something in this regard or did I just miss it when I checked the first time?

    To highlight multiple words, you’d indeed have to add the CSS for them separately. Then, in the Shortcode, you’d use the || (logic “OR”) operator, i.e.

    [table id=22 row_highlight="reviewed||best" /]

    And as for that hidden column: You are right here. Therefore, the column has to be hidden in a different way, with CSS:

    .tablepress-id-22 .column-8 {
  display: none;
}

    Regards,
    Tobias

    Thread Starter ak

    (@sublime-oblivion)

    3 years, 8 months ago

    That said, this is now part of the URLs on your site… Did you change something in this regard or did I just miss it when I checked the first time?

    Nope, not consciously at any rate. I don’t know how it gets there. Would manually deleting tablepress-combined.min.css speed propagation up?

    ***

    Thanks a great deal! That answers all my other questions. Have written a review and will soon send a donation.

    Plugin Author TobiasBg

    (@tobiasbg)

    3 years, 8 months ago

    Hi,

    ok, then I must have missed something. It’s good that the cache busting query string is there. This should rule out browser caching.
    Deleting the TablePress CSS files should not change anything here, this would only be necessary if the files were not updated, but they are…
    Are you maybe using services like Cloudflare? That could also introduce caching.

    Regards,
    Tobias

    Thread Starter ak

    (@sublime-oblivion)

    3 years, 8 months ago

    Yes, I do use Cloudflare.

    Plugin Author TobiasBg

    (@tobiasbg)

    3 years, 8 months ago

    Hi,

    could that be related then? Does Cloudflare maybe need a few minutes to update their copies of your site’s files?

    Regards,
    Tobias

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Problem with Highlighting Rows; initial Custom CSS has become “fixed”’ is closed to new replies.