How can i add image column in my table?

[Minhazul-Islam18]

Hey there!
I'm using Livewire: "^3.0" & livewire-powergrid: "^5.1". In my table, I need to add an image column. how can I achieve this?

[samgurung]

Lookinf for this answer myself. Did you figure this out?

[abhaypithadiya]

Hey Guys!, This is how you can add an image column.

    public function addColumns(): PowerGridColumns
    {
        return PowerGrid::columns()
            ->addColumn('id')
            ->addColumn('image_url', function (Product $model) {
                if ($model->image_url !== null) {
                    return '<img class="img-fluid" src="'.url('storage/product_images/'.$model->image_url).'" height="150" width="120" alt="'.$model->image_url.'">';
                } else {
                    return '<img class="img-fluid" src="'.url('storage/common/default.png').'" height="150" width="120" alt="Default Image">';
                }
            });
    }

Hope this helps!

[Minhazul-Islam18]

@samgurung Try out last answer, and let me know is it worked or not.

[samgurung]

Thank you very much. Yes it worked. Is there any way to make the table header sticky at the top when scrolling?

…

On Mon, 1 Jan, 2024, 10:48 Minhazul Islam, ***@***.***> wrote: @samgurung <https://github.com/samgurung> Try out last answer, and let me know is it worked or not. — Reply to this email directly, view it on GitHub <#1302 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABSVLZNCE3BWBQYTCM5UWHLYMJBLZAVCNFSM6AAAAABA2SF2BKVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM3TSOBWGA2TQ> . You are receiving this because you were mentioned.Message ID: <Power-Components/livewire-powergrid/repo-discussions/1302/comments/7986058 @github.com>

[luanfreitasdev]

You can use css, https://demo.livewire-powergrid.com/fixed-header