Text overflow ellipsis

Hi all,

I'am looking for a way to the size the textcolumn according to the screen size. If the size get below a certain the overflow needs to be shown with css ellipsis.

I have tried it using extraAttributes but that doesn’t work since that styling gets applied to the outside div instead of the span

Is their a way to do this?

Thanks!

Blackpig•4/2/24, 1:44 PM

https://filamentphp.com/docs/3.x/tables/columns/text#limiting-text-length or maybe this https://filamentphp.com/docs/3.x/tables/columns/text#customizing-the-text-size

Text column - Table Builder - Filament

dissto•4/2/24, 1:58 PM

->extraCellAttributes([
    'class' => 'xxx',
])

->extraCellAttributes([
    'class' => 'xxx',
])

Ddissto ```php ->extraCellAttributes([ 'class' => 'xxx', ]) ``` ?

LarsOP•4/2/24, 5:14 PM

This adds the styling to the TD element instead of the span the element where de text is in.

BBlackpig https://filamentphp.com/docs/3.x/tables/columns/text#limiting-text-length or may...

LarsOP•4/2/24, 5:17 PM

With limit the text is always limited to the same amount of characters in my case in should work based on the available space

dissto•4/2/24, 5:18 PM

Well I suppose you could ->formatStateUsing()->formatStateUsing() then and return the span however you like?!

dissto•4/2/24, 5:18 PM

But even if its on the td itself it should cascade?

Ddissto Well I suppose you could `->formatStateUsing()` then and return the span however...

LarsOP•4/2/24, 5:19 PM

Could i return html in formatStateUsing();

dissto•4/2/24, 5:20 PM

Sure

->formatStateUsing(function($state){
  return new HtmlString('<span class="yay">'. $state .'</span>');
})

->formatStateUsing(function($state){
  return new HtmlString('<span class="yay">'. $state .'</span>');
})

(from memory -> untested)

LarsOP•4/2/24, 5:21 PM

Ah oke, I will try that then thanks!

Text overflow ellipsis

Similar Threads

Similar Threads

Similar Threads