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
51 Sed doloremque vitae ut non pariatur.
Ut omnis quaerat perspiciatis ...
 Milton Block nostrum
2129
52 Laudantium quod veniam enim culpa debitis.
Molestiae quis qui et ...
 Mrs. Carli Rodriguez ea
4119
53 Laudantium impedit voluptatibus delectus eaque magni.
Harum perferendis corporis nobis ...
 Adrien Krajcik I aut
4219
54 Sed sunt totam ipsum qui vero et delectus.
Laborum nisi molestiae qui ...
 Ms. Jodie Farrell libero
1
55 Facilis eaque sed voluptates ex nesciunt doloribus.
Cum labore fugiat numquam ...
 Mr. Jay Klein MD saepe
2894
56 Nam et adipisci eos hic corporis nam aut.
Ad optio voluptatem et. ...
 Hilario Crist tempora
2155
57 Non ea accusamus non enim officia atque sit.
Eveniet consectetur vel qui ...
 Flo Wiza ea
3828
58 Dolor accusantium iusto et delectus modi.
Dolorum maiores eos dignissimos ...
 Aubree Barton fugiat
3783
59 Numquam dolore maiores ex nesciunt exercitationem.
Sunt odit debitis mollitia ...
 Dianna Flatley laboriosam
2000
60 Itaque natus asperiores voluptatum voluptatem praesentium aut.
Reiciendis quis illum numquam ...
 Davonte McClure vero
86 
                <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