© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•14mo ago•
2 replies
Jack

Styling issue with table builder pagination

I'm encountering an issue with the styling of the pagination in my table builder. Currently, the pagination is appearing on the left side, which is not the intended behavior. I'm expecting the pagination to be displayed on the right side with the correct styling.

Would anyone be able to help me troubleshoot this styling issue? I've tried some things but haven't been able to resolve it.

Table:
public function table(Table $table): Table
    {
        return $table
            ->query(Contact::query()->where('repository_id', $this->repository->id))
            ->recordUrl(fn (Contact $record) => route('repositories.contacts.show', [$this->repository, $record]))
            ->columns([
                TextColumn::make('name')
                    ->label(__('Name'))
                    ->searchable()
                    ->sortable(),
                TextColumn::make('email')
                    ->label(__('Email'))
                    ->searchable()
                    ->sortable(),
            ])
            ->emptyStateHeading(__('No Contact'))
            ->emptyStateDescription(__('Here are all Contacts at the end.'))
            ->defaultSort('name')
            ->paginated([10, 25, 50, 100, 'all']);
    }
public function table(Table $table): Table
    {
        return $table
            ->query(Contact::query()->where('repository_id', $this->repository->id))
            ->recordUrl(fn (Contact $record) => route('repositories.contacts.show', [$this->repository, $record]))
            ->columns([
                TextColumn::make('name')
                    ->label(__('Name'))
                    ->searchable()
                    ->sortable(),
                TextColumn::make('email')
                    ->label(__('Email'))
                    ->searchable()
                    ->sortable(),
            ])
            ->emptyStateHeading(__('No Contact'))
            ->emptyStateDescription(__('Here are all Contacts at the end.'))
            ->defaultSort('name')
            ->paginated([10, 25, 50, 100, 'all']);
    }


tailwind.config.js:
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',
        './resources/**/*.js',
        './resources/**/*.blade.php',
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './vendor/livewire/flux-pro/stubs/**/*.blade.php',
        './vendor/livewire/flux/stubs/**/*.blade.php',
    ],

    darkMode: 'selector',

    theme: {
        extend: {
            colors: {
                primary: {
                    50: '#ebf8ff',
                    100: '#ceedff',
                    200: '#9adcfb',
                    300: '#6bbdfd',
                    400: '#399bff',
                    500: '#1e7fff',
                    600: '#0066d4',
                    700: '#0049a3',
                    800: '#00347a',
                    900: '#00275f',
                    950: '#00173e',
                },
            },
            fontFamily: {
                sans: ['Inter', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [forms, typography],
};
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',
        './resources/**/*.js',
        './resources/**/*.blade.php',
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './vendor/livewire/flux-pro/stubs/**/*.blade.php',
        './vendor/livewire/flux/stubs/**/*.blade.php',
    ],

    darkMode: 'selector',

    theme: {
        extend: {
            colors: {
                primary: {
                    50: '#ebf8ff',
                    100: '#ceedff',
                    200: '#9adcfb',
                    300: '#6bbdfd',
                    400: '#399bff',
                    500: '#1e7fff',
                    600: '#0066d4',
                    700: '#0049a3',
                    800: '#00347a',
                    900: '#00275f',
                    950: '#00173e',
                },
            },
            fontFamily: {
                sans: ['Inter', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [forms, typography],
};
Screenshot_2024-12-13_at_16.24.10.png
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Table pagination issue
FilamentFFilament / ❓┊help
11mo ago
Table pagination button issue
FilamentFFilament / ❓┊help
8mo ago
Table Builder
FilamentFFilament / ❓┊help
2y ago
Table Builder
FilamentFFilament / ❓┊help
3y ago