dompdf is not rendering Table from html in laravel

Question

I'm using dompdf in my laravel project. I'm trying to generate a PDF which contains a table. All data of tables are generating but the table borders are not showing.

But when I'm generating the html in browser it's working properly with 100% width of the table but not getting 100% width in the PDF.

My controller code:

    $users  = $course->users()
                        ->withPivot('section_id')
                        ->wherePivot('section_id', '=', $section->id)
                        ->orderBy('student_id', 'asc')
                        ->get();

    $season = Season::where('is_ended', 0)->first();

    $pdf = PDF::loadView('sections.attendace', compact('users', 'course', 'season', 'section'));

    return $pdf->stream('attendance.pdf');

Blade Code:

        <div class="attendance-table">

            <table class="table-bordered">

                <tr>
                    <th class="attendance-cell">ID</th>
                    <th class="attendance-cell">Name</th>
                    @for($i = 1; $i<=9; $i++)
                        <th class="blank-cell attendance-cell">{{$i}}</th>
                    @endfor
                </tr>

                @foreach($users as $user)
                    <tr>
                        <td class="attendance-cell">{{$user->student_id}}</td>
                        <td class="attendance-cell">{{ucwords($user->name)}}</td>
                        @for($i = 1; $i<=9; $i++)
                            <td class="blank-cell attendance-cell">{{$i}}</td>
                        @endfor
                    </tr>
                @endforeach

            </table>

        </div>

CSS

.attendance-table table{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #000;
}

.blank-cell{

  min-width: 50px;


}

.attendance-cell{

  padding: 8px;


}

.attendance-table table th.attendance-cell, .attendance-table table td.attendance-cell {
    border: 1px solid #000;
}

Generated PDF

Generated HTML

Now, how can I get the borders and how can I get 100% width of the table?

dompdf tables do bring up some troubles.Instead of 100% you could specify in px something like ~~700px for portrait A4. for the borders, try to add this styling to test, td,th{border:1px solid black} — Sérgio Reis
– Sérgio Reis, Commented Mar 15, 2018 at 19:08

Syscall · Accepted Answer · 2018-03-15 20:05:31Z

5

I also had the same problem, so I put the CSS inside the blade itself in the <style> tag.

DOMPDF does not pull from the .css file.

Hope this helps!

edited Mar 15, 2018 at 20:05

Syscall

19.8k10 gold badges44 silver badges60 bronze badges

answered Mar 15, 2018 at 19:56

Roberto Almeida

663 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

dompdf is not rendering Table from html in laravel

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related