Filament•2y ago

Fix Table responsiveness

The only solution I can think of is to use ->wrap(). But I'm looking for a way that makes it responsive (without wrapping the columns) because I saw the mobile view is already responsive.

4 Replies

toeknee•2y ago

You need to set a container that overflows to make it scrollable.

vahnmartyOP•2y ago

I used this

<div class="max-w-full mt-8 overflow-x-auto">
        {{ $this->table }}
    </div>

<div class="max-w-full mt-8 overflow-x-auto">
        {{ $this->table }}
    </div>

but it didn't worked.

Thijmen•2y ago

How do you expect to become more responsive? Do you want to scale the whole table?

vahnmartyOP•2y ago

the one that looks like in the mobile view.

Gaming

Programming

Fix Table responsiveness