يتم كسر جدول بيانات jQuery عند تهيئته أثناء إخفائه

Question

حسنًا، العنوان ليس واضحًا كثيرًا، لكن لم أتمكن من العثور على شيء بسيط لشرح المشكلة هنا.

باستخدام jQuery.datatable، أقوم بإنشاء الجدول عند النقر على لوحة التمهيد المطوية.الشيء هو أن الفوضى "عرض".الصورة تساوي ألف كلمة هنا:

https://docs.google.com/file/d/0ByzbHcAxmCyvbXVVNTNYUXE1Qms/edit

إذا قمت بفتح وحدة تحكم المتصفح أو تغيير حجمها، فسيتم تحديث نوع العرض نفسه وإصلاح الأمر، أعتقد أن هذا مجرد نوع من مشكلة العرض الغريبة.لكنني لا أعرف كيفية إصلاحها (لا، مطالبة المستخدم بفتح وحدة التحكم ليس حلاً ^^)

على أية حال، هل تعرف كيفية "تحديث" الصفحة، هل هناك حل بديل؟

بالمناسبة، إذا وجدت عنوانًا وعلامات أفضل، فلا تتردد!

Answer 1

يمكنك الاستجابة recalc () الأعمدة عند لوحة قابلة للطي هي تظهر ...

giveacodicetagpre.

Answer 2

لقد وجدت حلاً لهذا.تكمن المشكلة في أنه إذا كان الجدول مخفيًا عند تهيئته، فلن يتم عرضه بشكل صحيح.الحيلة هي إخفاء الجدول باستخدام JS بدلاً من CSS، لأنه يتم تطبيق JS بمجرد تحميل الصفحة استخدام $(function(){});.لذا، إذا قمت ببدء الجدول من قبل لإخفائه بواسطة JS عندما سيتم عرضه، فسيتم عرضه بشكل صحيح.الترتيب مهم!