Datatables DataTable js的顺风

如何将Tailwind与DataTable js集成？有两件事我想做

• 添加工具提示，当鼠标悬停在td上时，工具提示将显示td的详细信息（文本将被省略）
• 响应表

问题是我的表没有溢出。当我删除已编译的css时，它是正常的。溢出正在工作，但当我添加它时，表的溢出不工作

Html

 <table id="example" class="display w-full">
 </table>

import * as JSZip from 'jszip' ;
import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
import 'datatables.net-dt';
import 'datatables.net-buttons-dt';
import 'datatables.net-buttons/js/buttons.colVis.js';
import 'datatables.net-buttons/js/buttons.html5.js';
import 'datatables.net-buttons/js/buttons.print.js';
import 'datatables.net-responsive-dt/css/responsive.dataTables.min.css';
import 'datatables.net-scroller-dt/css/scroller.dataTables.min.css';
import 'datatables/media/css/jquery.dataTables.min.css';
import 'datatables.net-buttons-dt/css/buttons.dataTables.min.css';
import 'datatables.net-fixedcolumns-dt/css/fixedColumns.dataTables.min.css';
import 'datatables.net-fixedcolumns-dt/js/fixedColumns.dataTables';
pdfMake.vfs = pdfFonts.pdfMake.vfs;
window.JSZip = JSZip;

$(document).ready(function () {
                $('#example').removeAttr('width').DataTable({
                    responsive:true,
                    scrollY:"80vh",
                    scrollX:"80vw",
                    scrollCollapse: true,
                    dom: 'Bfrtip',
                    buttons: [
                        'copy', 'excel', 'pdf'
                    ],
                    columnDefs: [
                        {
                          targets:'_all',
                          render:$.fn.dataTable.render.ellipsis(10)
                        },
                       ],
                    data: res.data.data,
                    columns: col
                });
            });