How to change table components and have them show in the browser?

[ethanpatchell]

Hey all,

I am wanting to surround the tools bar and pagination bar in a

.

However, I am unable to figure out how to get it to show on the website.

Below is the config file.
`'theme' => 'bootstrap-5',

'cache_assets' => true,
/**
 * Enable or Disable automatic injection of assets
 */
'inject_assets' => false,

/**
 * Enable or Disable inclusion of published third-party assets
 */
'published_third_party_assets' => false,

/**
 * Enable or Disable remote third-party assets
 */
'remote_third_party_assets' => true,`

I've also changed the "datatable.blade.php" page to this
<div class="card-body"> <x-livewire-tables::tools> <x-livewire-tables::tools.sorting-pills /> <x-livewire-tables::tools.filter-pills /> <x-livewire-tables::tools.toolbar /> </x-livewire-tables::tools> </div>
AND
<div class="card-body"> <x-livewire-tables::pagination :rows="$rows" /> </div>

I appreciate your help in advance :)

[lrljoe]

Editing the core views in this way is not supported nor recommend

[ethanpatchell]

Thanks for that. Is there a way I can add .card-body around the tools bar and pagination?

Am hoping to have the table full width but it's funny looking with the tools and pagination going right to the edge. I've attached a photo of how it currently is, and one of how I want it - from editing in dev tools.

Thanks for the help!

[lrljoe]

Off the top of my head, I think there's a setToolsAttributes and setToolBarAttributes

It'll be in the docs

That should let you add the classes at the relevant points

For the pagination, I think it's called setPaginationWrapperAttributes

Again it should be in the docs

Let me know if that doesn't work out!