Disable table-responsive class name

[davidnectarestudio]

It is possible to configure something to render a data table without table-responsive class? I need to apply only in some unusual use cases, rest of data tables I need to include the CSS class name as usually.

Something weird is happening because this data table is rendered inside a form with a HTML parent node Turbo disabled that is hiding completely the table node.

[Kreyu]

You can override the table block in your theme:

data-table-bundle/src/Resources/views/themes/bootstrap_5.html.twig

Lines 6 to 12 in 83930f5

	{% block table %}
	<div class="table-responsive">
	{% with { table_attr: { class: 'table table-hover align-middle mb-0' }|merge(table_attr|default({})) } %}
	{{ parent() }}
	{% endwith %}
	</div>
	{% endblock %}

Remember that nesting data table in a form can completely break the HTML because the data table renders its own forms like filtration form or the one that handles items-per-page selector.

If you encounter more issues, remember that instead of nesting you can define a form outside and refer to its fields using form attribute on inputs, selects, etc.

[davidnectarestudio]

Thanks, this table doesn't need filtration fields or pagination selector.

It is possible to override table theme block directly in my template?

[Kreyu]

If you meant the same template you are rendering the data table, then yes:

https://data-table-bundle.swroblewski.pl/docs/features/theming.html#one-off-theme-tweaks

If you're running version older than 0.27, please let me know if it works. This is because in that version theming was changed a little bit, and the order of themes now matters a lot.

The data_table_theme simply pushes the given theme to the theme variable in data table view. Older versions of the bundle was iterating through themes from first to last to render first match of the block, so if you used two themes with the same block, it would render the first one. Since 0.27 the bundle will render the second one, because each theme overrides previous ones (has higher priority), exactly like Symfony Form themes. If that's the case, you can try using the data_table_theme with only keyword and provide all the themes necessary for the data table in order that works - I cannot try it atm, so I'm just guessing. The only keyword is explained here: https://data-table-bundle.swroblewski.pl/docs/features/theming#applying-themes-in-twig

[davidnectarestudio]

I'm using 0.28 version and now is fully working. Thanks for your hints.

[davidnectarestudio]

I found a Stimulus error related with this thread, so I decided to reopen it here. If you think that is better to open an issue let me know.

Where do you think that can be this browser console output error?

[Kreyu]

Thanks for the report, I'll fix that in a second in #194

[Kreyu]

Fixed in 0.28.1, and explained in #194 (comment) - this is something I overlooked multiple time with Stimulus values 😅

Please let me know if it works for you. I guess your data table has no filters, isn't sorted nor paginated? That's the only way I see url_query_parameters variable to be empty.

[davidnectarestudio]

Solved, is working well. You're right, in my data table there is no pagination and sorting.