Multiple Action Button is showing bellow not inline

[nafiur]

Multiple Action Button is showing bellow not inline

Bootstrap Theme. How to solve this pls help me

[abhaypithadiya]

Hey!

Publish the Powergrid view file using:

php artisan vendor:publish --tag=livewire-powergrid-views

Go to resources/views/vendor/livewire-powergrid/components/row.blade.php on line 14 before render actions, update the div classes to something like this:

        <div class="d-flex w-full justify-content-center align-items-center"> <----- This line here
            <!-- Render Action -->

            @if (filled(data_get($row, 'actions')) && $column->isAction)
                @foreach (data_get($row, 'actions') as $key => $action)
                    <div wire:key="action-{{ $row->id }}-{{ $key }}">
                        {!! $action !!}
                    </div>
                @endforeach
            @endif
        </div>

Hope this helps!

[nafiur]

@abhaypithadiya Thanks For Your Suggestion. In this file line no. 44 to 52 i change like this

    <div class="pg-actions d-flex w-full justify-content-center align-items-center">
        @if (filled(data_get($row, 'actions')) && $column->isAction)
        @foreach (data_get($row, 'actions') as $key => $action)
        <div wire:key="action-{{ data_get($row, $primaryKey) }}-{{ $key }}" style="margin-right: 5px">
            {!! $action !!}
        </div>
        @endforeach
        @endif
    </div>

and its working.