Add striped, hover tables without wrapping tables in DIV tags (Quark Theme)

Grav Community,

I'm using the Quark theme. I saw an example where someone improved the default theme tables by adding the striped, hover tables from Spectre.css. They did so by wrapping their markdown tables in the div element:

<div class="table table-striped table-hover" markdown="1">
MARKDOWN TABLE
</div>

I really like these tables, but would prefer adding the capacity through the YAML front matter rather than manually treat each table. Is this possible? Is there an example online I can reference?

Thank you,

Sean

@hughbris Thanks for your reply. I wanted a global theme change, but by page type is fine as well. Thanks for showing how the conditional statement can be done.

My new default.html.twig is as follows (I created an inherited, Quark-based theme, as per an earlier post):

{% extends 'partials/base.html.twig' %}

{% block content %}

  <div class="table {{ page.header.striped_table ? 'table-striped' }} table-hover" markdown="1">

  {{ page.content|raw }}

  </div>

{% endblock %}

Everything works. Thanks!