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
81 Illum repellendus velit necessitatibus placeat rem commodi illo.
Culpa quos porro ipsa ...
 Dr. Sylvia Goodwin vel
3217
82 Velit veritatis saepe cumque vel.
At officiis ex commodi ...
 Reggie Bechtelar est
4852
83 Aut nihil error aperiam fugiat.
Dolorum rerum nihil exercitationem ...
 Mr. Richmond Schaefer PhD vel
3187
84 Quae et aperiam sit hic.
Iure aliquid possimus aut ...
 Mr. Cedrick Hane corporis
2426
85 Esse nam mollitia nulla quia quod qui.
Nobis quia quis omnis ...
 Milford Gleason voluptas
3747
86 Magnam dolores culpa possimus qui sed rerum fuga.
Consequatur omnis repellendus assumenda ...
 Dr. Shane Bailey velit
2668
87 Deleniti molestiae voluptate nemo sit ad debitis repellendus.
Mollitia qui totam debitis. ...
 Anita Windler V est
1809
88 Porro facere fugit veritatis.
Deleniti maxime aut tempore ...
 Buck Kertzmann PhD rem
4602
89 Assumenda dignissimos nam necessitatibus.
Quisquam id enim illum ...
 Prof. Frankie Bernier II odio
1736
90 Et ipsam explicabo aut.
Sit consequatur labore molestiae ...
 Prof. Marian Rosenbaum DVM omnis
78 
                <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