مشکل در برش صفحات با استفاده از html و css

با عرض سلام.
من برای صفحه گزارش از هیچ ابزاری استفاده نکردم و خودم html و css نوشتم. البته گزارش من، چیزی شبیه یه بولتن هست. برای صفحات گزارش هدر دارم. برای همین یک جدول بیرونی دارم که در واقع کار صفحه بندی رو انجام میده. هر محتوا نیز برای خودش هدر و بدنه دارد که در صورتیکه محتوا در یک صفحه جا نگیرد در صفحه بعدی هدر نشان داده شود که مشخص شود محتوا مربوط به کدام هست. برای این منظور برای هرمحتوا یک جدول ایجاد میشود. مشکل اینجاست که وقتی یک محتوا تمام شد محتوای بعدی هم در ادامه همون بیاد و نره صفحه بعد. خصوصیت های page-break-inside و ... جواب میدن اما برای بعضی از محتواها هدر و عنوان محتوا رو مینویسه و با اینکه فضا برای بخشی از متن وجود داره اما کل متن رو میبره صفحه بعد و خیلی بد دیده میشه. برای همین منظور مجبور شدم از page-break-inside: avoid استفاده کنم تا محتوا رو نشکونه اما خب فضای زیادی از کاغذ به هدر میره. برای مثال تنها یک خط از محتوای میفته تو صفحه جدید و چون برای کل محتوای بعدی فضا نیست این صفحه رد میشه و میره صفحه بعد. از دوستان محترم خواهشمندم اگر تجربه ای در این زمینه دارن بنده رو راهنمایی فرمایند. اگر ابزارهای گزارش گیری که دقیقا مناسب کار من باشه رو سراغ دارین ممنون میشم که معرفی کنید. البته در شروع کارم با dev express کار کردم اما برام سخت اومد و جواب نگرفتم.
یه سوال دیگه اینکه با Html و css چطور میتونیم شماره صفحه برای بولتن درج کنم؟
با سپاس