Table

Default Table

No. Title Content Author Category View
1 Mijnui Dynamic UI Components admin UI Components 100K
2 Update Mijnui Upcoming update with tailwind v4 admin News 10K 
<mijnui:table>
    <mijnui:table.columns>
        <mijnui:table.column>No.</mijnui:table.column>
        <mijnui:table.column>Title</mijnui:table.column>
        <mijnui:table.column>Content</mijnui:table.column>
        <mijnui:table.column>Author</mijnui:table.column>
        <mijnui:table.column>Category</mijnui:table.column>
        <mijnui:table.column>View</mijnui:table.column>
    </mijnui:table.columns>

    <mijnui:table.rows>
       <mijnui:table.row>
            <mijnui:table.cell>1</mijnui:table.cell>
            <mijnui:table.cell>Mijnui</mijnui:table.cell>
            <mijnui:table.cell>Dynamic UI Components</mijnui:table.cell>
            <mijnui:table.cell>admin</mijnui:table.cell>
            <mijnui:table.cell>UI Components</mijnui:table.cell>
            <mijnui:table.cell>100K</mijnui:table.cell>
        </mijnui:table.row>
        <mijnui:table.row>
            <mijnui:table.cell>2</mijnui:table.cell>
            <mijnui:table.cell>Update Mijnui</mijnui:table.cell>
            <mijnui:table.cell>Upcoming update with tailwind v4</mijnui:table.cell>
            <mijnui:table.cell>admin</mijnui:table.cell>
            <mijnui:table.cell>News</mijnui:table.cell>
            <mijnui:table.cell>10K</mijnui:table.cell>
        </mijnui:table.row>
    </mijnui:table.rows>
</mijnui:table>

Table with paginate

No. Title Content Author Category View
61 Reiciendis animi deleniti qui facere voluptate quidem.
Eum expedita fuga quo ...
 Buster Runolfsson facere
3159
62 Distinctio excepturi debitis doloribus aspernatur quia.
Nemo qui expedita porro ...
 Isobel Conroy consectetur
4933
63 Enim sed et aut quas dolor non et.
Enim similique voluptate cum. ...
 Calista Schiller nemo
2562
64 Doloremque sunt dolores libero facere.
Impedit qui et facilis ...
 Gregg Hahn pariatur
4899
65 Unde repellat alias optio cumque deleniti omnis.
Numquam rerum quidem sed. ...
 Prof. Ola Quitzon V inventore
1686
66 Quo quo expedita nemo impedit quis distinctio.
Illum eum rem dicta ...
 Ariane Streich vel
1280
67 Quis ipsam eos eaque expedita et deserunt nihil.
Quos sit est harum ...
 Alysson Wiegand est
2074
68 Culpa dicta aperiam neque corrupti in.
Sed aliquid quo aliquid ...
 Nora Kris I eligendi
490
69 Odit nobis dolorum sequi.
Delectus saepe dignissimos doloremque ...
 Leopoldo Klocko DVM consectetur
3689
70 Nemo iusto similique doloribus animi.
Dolores qui veniam debitis. ...
 Miss Vergie Kulas et
4364 
                <mijnui:table :paginate="$posts">
    <mijnui:table.columns>
        <mijnui:table.column>No.</mijnui:table.column>
        <mijnui:table.column>Title</mijnui:table.column>
        <mijnui:table.column>Content</mijnui:table.column>
        <mijnui:table.column>Author</mijnui:table.column>
        <mijnui:table.column>Category</mijnui:table.column>
        <mijnui:table.column>View</mijnui:table.column>
    </mijnui:table.columns>

    <mijnui:table.rows>
        @foreach ($posts as $post)
            <mijnui:table.row>
                <mijnui:table.cell>{{ $post->id }}</mijnui:table.cell>
                <mijnui:table.cell>{{ $post->title }}</mijnui:table.cell>
                <mijnui:table.cell><div>{{ Str::words($post->content, 4," ...") }}</div></mijnui:table.cell>
                <mijnui:table.cell>{{ $post->author }}</mijnui:table.cell>
                <mijnui:table.cell>{{ $post->category }}</mijnui:table.cell>
                <mijnui:table.cell>
                    <mijnui:badge size="sm" color="primary" rounded="lg" outline>{{ $post->views }}</mijnui:badge>
                </mijnui:table.cell>
            </mijnui:table.row>
        @endforeach
    </mijnui:table.rows>
</mijnui:table>

Previous

Tab

Next

Textarea

On this page