DataTable layout not styling using Tailwind CSS.
I tried Bootsrap CSS, DataTable styling perfectly, but I change to metronic CSS, style is gone.
Fyi, I use Demo 1 with Tailwind.
Here My app.scss code
@tailwind base;
@tailwind components;
@tailwind utilities;
// Bootstrap
// @import "bootstrap/scss/bootstrap";
@import "../metronic/css/styles.css";
/* Keenicons */
@import "../metronic/vendors/keenicons/duotone/style.css";
@import "../metronic/vendors/keenicons/filled/style.css";
@import "../metronic/vendors/keenicons/outline/style.css";
@import "../metronic/vendors/keenicons/solid/style.css";
Hi Donny,
The Bootstrap and Tailwind versions of Metronic are built with entirely different layouts and structures. When upgrading to Metronic 9, you’ll be using a completely new version, and major versions are not directly migratable.
Let me know if you need any further clarification!
Thanks.
Hi Donny
Have you updated the HTML as well? Bootstrap and Tailwind have different HTML structure class names. Switching between Bootstrap and Tailwind, you have to update the entire layout.
Thanks
Hi Faizal,
When I call endpoint to generate the data, DataTable made default class using Bootstrap on paging and dt-info. How to change HTML class structure from Bootstrap to Tailwind ?