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
1 Ad doloremque dolor quod est.
Aspernatur optio sint velit ...
 Edgar Halvorson MD velit
3923
2 Autem neque beatae voluptatibus.
Qui voluptates vitae consequatur ...
 Bernadette Gleichner Sr. aut
3670
3 Et aliquam voluptatem laborum sit.
Facere sunt dolor est ...
 Prof. Ansel Keeling sed
4453
4 Sit qui eius aut harum asperiores odit omnis.
Doloribus excepturi error quis ...
 Dax Pacocha voluptas
3920
5 Ducimus maxime omnis eos qui magni.
Natus tempora accusamus delectus ...
 Luciano Jacobson ex
2468
6 Ipsum maiores quae porro asperiores.
Modi omnis nemo molestiae ...
 Jackson Wiza impedit
3600
7 Quam vero quasi aut iusto.
In eum voluptatem rerum ...
 Ethyl Collier non
3522
8 Illo quia quia rerum ipsum non.
Ex quo occaecati saepe ...
 Colton Mueller ullam
426
9 Qui voluptatem aut et et sequi sed tenetur consequuntur.
Quia necessitatibus sunt aperiam ...
 Dr. Brayan Pollich IV non
2227
10 Aut magnam voluptatem et facilis voluptatem veritatis.
Perferendis porro esse placeat. ...
 Jessica Funk nemo
1213 
                <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