Official Support Area, Q&As, Discussions, Suggestions and Bug reports.
Forum's Guidelines
Hi
Following the Laravel example at https://www.koolreport.com/docs/laravel/overview/ I have a test table showing within a current Laravel view.
That test table displays the data but no style. I can't use use \koolreport\clients\Bootstrap; because of conflicts with Tailwind.
How can I style a table with Tailwind?
Thanks
Pls try to set Tailwind's table css classes for the Table/DataTables widget with their "cssClass" property:
https://www.koolreport.com/docs/koolphp/table/#table-settings-cssclass-options
https://www.koolreport.com/docs/datagrid/datatables/#set-custom-css-classes
Hope it works for your case.
Thank you, I can see the test styles now
With Pro version, please confirm similar capabilities exist for Pivot Table
I see that this css is loaded, do I need to keep it?
``` div.koolphp-table ul.pagination { margin-top:0px; } div.koolphp-table td.dup { display: none; } tr.row-group { background:#eee; } ```Yes, the "cssClass" property exists for PivotTable widget as well:
If you use another CSS framework like Tailwind you might still still need Table widget's own css file for some special classes that Tailwind doesn't cover. In any case you can always override Table's css rule with your in-page styles. Rgds,
Let KoolReport help you to make great reports. It's free & open-source released under MIT license.
Download KoolReport View demo