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
21 Cum magnam maiores quae voluptatem nobis delectus enim.
Id nisi mollitia similique ...
 Adrienne Hessel saepe
35
22 Molestias officiis voluptas voluptatibus quidem.
Aliquam qui in placeat ...
 Kathlyn O'Reilly magnam
1862
23 Quas in voluptatum et.
Accusantium quam iste eius ...
 Dr. Sim Harber iusto
1877
24 Dolor sapiente accusantium et fugit nobis alias.
Ea omnis eos rerum ...
 Salma Botsford MD error
4470
25 Ipsa et temporibus quia ut iusto ab doloribus.
Qui omnis similique aut ...
 Ms. Petra Kessler asperiores
3760
26 Rerum occaecati eos mollitia repellendus eos.
Explicabo sit voluptas voluptates ...
 Eleanore Doyle PhD hic
1801
27 Qui sit quisquam corrupti impedit voluptas.
Eius deserunt repellendus consequatur ...
 Gerardo Pouros maxime
4126
28 Laudantium natus fuga repellat quos natus.
Ad nostrum dolor atque ...
 Aniya Lind asperiores
299
29 A expedita perferendis nam ullam recusandae itaque.
Eaque dignissimos molestiae et ...
 Jane Barton Jr. mollitia
1587
30 Dolor quia molestias cupiditate doloremque impedit nesciunt.
Assumenda eveniet esse voluptatum ...
 Alvah Wolff IV voluptatibus
595 
                <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