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
41 Et minima est commodi ad consectetur quaerat inventore.
Corrupti commodi aspernatur sequi ...
 Rashad Rau dolor
3054
42 Deleniti sunt quos ut cum magnam.
Omnis aut doloribus soluta ...
 Roxanne Streich itaque
2987
43 At minima et provident est.
Excepturi voluptatem dolorem voluptatem ...
 Miss Kitty Brown ut
2540
44 Blanditiis voluptatem minus reprehenderit dolores nostrum blanditiis.
A dolor quasi quam ...
 Berneice King et
518
45 Cum odio at at id aut unde occaecati.
Omnis voluptatum inventore similique ...
 Darien Mayert dolorem
1632
46 Molestiae voluptates nihil provident numquam.
Ut qui reiciendis doloribus ...
 Rozella Quitzon et
2378
47 Consequatur error harum nemo aut.
Repudiandae blanditiis id omnis ...
 Mrs. Aurelie Adams magnam
3062
48 Nostrum impedit cupiditate dolorum temporibus.
Illum officiis aliquam fugiat ...
 Eunice O'Keefe ad
4203
49 Sint maxime qui a animi occaecati voluptas.
Adipisci sapiente et minus ...
 Gudrun Frami et
4934
50 Nihil delectus et vel.
Fuga et omnis et ...
 Meggie Dach consequatur
1148 
                <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