Số trang in bằng tổng số trang sử dụng css

Question

Tôi có bảng có dữ liệu động và để xử lý trong in ấn, tôi đã áp dụng một số ngắt trang cho mọi thứ hoạt động tốt nhưng tôi cần hiển thị số trang như "Trang 1 của 3 "và cứ như vậy bên dưới mỗi trang trong khi in. Tôi đã thử với css nhưng tôi chỉ có thể in số trang hiện tại với nó. có cách nào khác để đạt được nó không ?? đây là mã của tôi

body { 
     counter-reset: page; 
    } 
    .page-count:after { 
     counter-increment: page; 
     content: "Page " counter(page) " of " counter(pages); 
    } 

Answer 1

Bạn thử này:

@page { 
    @bottom-right { 
    content: counter(page) " of " counter(pages); 
    } 
}