I need to repeat the table heading on every printable page with jquery datatable on chrome?

In my page.blade.php I have a jQuery Datatable. Now I need to repeating table head every pages when I print the report. I've tried by using this

@media print { thead {display: table-header-group;} }

But I can't. Please tell me how can I add this in my project on every printable datatable reports? Now this table header showing on only top page (page one) when I print it, it doesn't showing other pages!!

Mbezdek

10 years ago

Level 2

Hi, why you don't put this code directly into css file?

shimax

9 years ago

Level 9

<table width="100%">
    <thead>
    <tr><th>column one</th><th>column one</th></tr>
    </thead>
    <tbody>
    @for($i = 1; $i < 50; $i++)
    <tr>
            <td>data</td>
            <td>data</td>

    </tr>
    @endfor
    </tbody>
</table>

Please or to participate in this conversation.