متناسب سازی جداول html تولیدی مختلف توسط js

سلام وقت بخیر در پروژه شخصی خودم اطلاعات چندین جدول مختلف را از یک API به‌صورت JSON دریافت می‌کنم. این جداول مربوط به دوره‌های آموزشی هستند و ستون‌بندی آن‌ها متنوع است. نیاز دارم شخصی این بخش از پروژه را تکمیل و بهینه‌سازی کند. جزئیات و نیازمندی‌ها تنظیم جهت صفحه بر اساس تعداد ستون‌ها: 1- اگر جدول 11 ستون یا کمتر داشت → چاپ در حالت عمودی (Portrait) روی A4. 2- اگر جدول 12 تا 19 ستون داشت → چاپ در حالت افقی (Landscape) روی A4. کنترل نمایش جداول در صفحات: 1-هر جدول باید دارای هدر (thead) باشد. ( الان هست ) 2- هیچ صفحه‌ای نباید نصفه پر شود یا ردیف اضافه بپذیرد. هر جدول باید دقیقاً فیت در صفحه قرار گیرد. 3- در صورت ادامه‌دار بودن، صفحه بعد به‌عنوان یک جدول مستقل با هدر یکسان تولید شود. ( الان هست ) 4- شماره ردیف‌ها باید پیوسته ادامه پیدا کنند (از صفحه قبلی به صفحه بعد).( الان هست ) بهینه‌سازی ظاهری جداول: 1-اندازه فونت ردیف‌ها باید بزرگ‌تر و هم‌اندازه با فونت عنوان ستون‌ها شود. 2- ستون امضا باید عرض بیش‌تری داشته باشد. مدیریت جدول پایانی (جدول امضا): 1- جدول مربوط به «امضای مسئول فنی و ناظر» نباید تنها در یک صفحه بیفتد. 2- باید یا با جدول قبلی در همان صفحه بیاید، یا اگر مجبور شد در صفحه جدا باشد، حداقل هدر و یکی دو ردیف بالای خودش نمایش داده شود. ساختار پروژه و فایل‌ها: 1- کل عملیات باید در فایل attendance-print.js پیاده‌سازی شود. 2- نمونه فایل PDF و مثال مناسب با id=474 ارائه می‌شود تا خروجی مطلوب مشخص باشد. 3- جداول از id=100 تا id=500 برای دریافت اطلاعات قابل دریافت هستند. تحویل مورد انتظار 1- خروجی چاپ عادی و یا PDF جداول باید منظم، فیت، و هماهنگ باشد. 2- در آینده هم هر جدول جدیدی از API دریافت شد بدون نیاز به تغییر دستی درست چاپ شود. 3- نمونه‌های آزمایشی ارسال شود تا تایید نهایی انجام گیرد. لینک مربوط به این بخش که دسترسی شما برای مشاهده آنی و تغییرات js میده https://mega.nz/file/p4UmWIza#llb4y8_ZxfJ5LMym-3DLm4kedwzZ4MQlmbQs4m5GFSo