header style with row view

[sotten]

is it possible to change the style of the header in a row view?
For the cells it is possible to pass a property.

<x-livewire-tables::table.cell :customAttributes="['class' => 'my-classes']">
    {{ $row->id }}
</x-livewire-tables::table.cell>

Is this also possible for the header without modifying the heading.blade.php file?

[rappasoft]

You can try addClass: https://github.com/rappasoft/laravel-livewire-tables/wiki/Misc.-Column-Functionality

[sotten]

thank you for the quick reply.

I have the following situation:

• I use several tables, on different pages.
• One of these tables has many columns >20, which does not fit on the screen without scrolling.
• I can adjust the data rows formatting (reduce margin and font size).
• The tables heading can also be adjusted after publishing heading.blade.php. But this change affect all tables, but I want to change only this specific table heading.

I mainly want to reduce the margin, font size and tracking to make the column width smaller.

This

laravel-livewire-tables/resources/views/tailwind/components/table/heading.blade.php

Line 12 in a840e41

<span class="block text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider">

and this one,

laravel-livewire-tables/resources/views/tailwind/components/table/heading.blade.php

Line 19 in a840e41

class="flex items-center space-x-1 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider group focus:outline-none focus:underline"

I want to customize for a single table.

With addClass, I can only customize the following:

laravel-livewire-tables/resources/views/tailwind/components/table/heading.blade.php

Line 9 in a840e41

{{ $attributes->merge(['class' => 'px-3 py-2 md:px-6 md:py-3 bg-gray-50'])->only('class') }}

I hope I could describe my problem better now. Do you have a suggested solution, or did I misunderstand your answer?

[rappasoft]

You can try to override the margin and padding using the addClass of each column for the specific tables. If that doesn't help you might have to publish the view for now. Or just add global styles to the page of the tables you want targeting th and change them from there.

[fefo-p]

How about in v2 as addClass has been removed?

[inmanturbo]

https://rappasoft.com/docs/laravel-livewire-tables/v2/datatable/available-methods#content-settheadattributes

public function configure(): void
{
  $this->setTheadAttributes([
    'id' => 'my-id',
    'class' => 'this that',
  ]);
}

[fefo-p]

I guess this can be applied to only one column as well then.
I'll try.

Thanks!