Set the max width of viewColumn and wrap the text

ViewColumn::make('judul')->searchable()
  ->view('tables.columns.kolom-judul')
  ->extraHeaderAttributes(['style' => 'width: 10px']),

<div class="">
    <style>
        .text-ellipsis {
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;

        }

        .text-ellipsis:hover {
            cursor: pointer;
        }
    </style>
    
    <div class="flex" style="margin-left:8px;">
        <img src="{{ $getRecord()->image ? asset('storage/' . $getRecord()->image) : null }}" alt=""
           class="object-center overflow-hidden w-10 border-2 border-inherit rounded"
            onerror="this.src='{{ asset('img/sample-campaign.png') }}';"
        >

        <span class="text-ellipsis" style="margin-left: 10px;">{{ $getState() }}</span>
    </div>
</div>