Problem with Tailwind.
Problem with Tailwind.
nehadhimaninfo
Posts: 2Questions: 1Answers: 0
$.extend( true, DataTable.defaults, {
dom:
"<'grid grid-cols-1 md:grid-cols-2'" +
"<'self-center'l>" +
"<'self-center place-self-end'f>" +
"<'my-2 col-span-2 border border-gray-200 rounded min-w-full bg-white dark:bg-gray-800 dark:border-gray-700'tr>" +
"<'self-center'i>" +
"<'self-center place-self-end'p>" +
">",
renderer: 'tailwindcss'
} );:
due to grid-cols-2. how to resolve this. the table should be in full space but it is divided in two grids and table in shown in one grid. please have a look at picture attached
Answers
We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.
Cheers,
Colin
i think i found the reason https://www.codeconcisely.com/posts/tailwind-css-dynamic-class/
Do you mean your import of Tailwind is customising the classes or something else?
Allan
We're planning to use Tailwind and would love to have full support within Datatables. Is this planned by any chance?
Hey everyone,
We have recently built a Tailwind version of the datatables plugin with Flowbite.
Includes all major features like searching, filtering, sorting, pagination, and more.
Cheers!