TableBlock how to specify table CSS classes

Question

I am struggling to add CSS classes to Wagtail StreamField & TableBlock (http://docs.wagtail.io/en/v1.8.1/reference/contrib/table_block.html).

Is the way to go to define a filter and use something like:

{{ child|className:"table table-bordered" }}

where className is my custom filter?

Answer 1

No, this isn't currently possible with the standard rendering of a TableBlock - the template used internally to render the block has hard-coded <table> / <tr> / <td> tags with no class attributes. However, you could specify a custom template in your TableBlock declaration, which would give you full control over the HTML:

StreamField([
    # ...
    ('table', TableBlock(template='/path/to/custom/template.html')),
    # ...
])