InvalidArgumentException View [.datatable] not found.

[jrmypttrsn]

I'm getting an InvalidArgumentException and I'm not sure what's missing. I've published the views. The stack trace isn't giving me enough to debug. Thanks.

My component

<?php

namespace App\Http\Livewire;

use App\Models\Operation;
use App\Models\Team;
use Illuminate\Database\Eloquent\Builder;
use Rappasoft\LaravelLivewireTables\DataTableComponent;
use Rappasoft\LaravelLivewireTables\Views\Column;

class OperationsTable extends DataTableComponent
{
    public array $bulkActions = [
        'addSelectedToMyOperations' => 'Add to Watchlist',
        'removeSelectedFromMyOperations' => 'Remove from Watchlist'
    ];

    public function addSelectedToMyOperations()
    {
        $addCount = count($this->selected);

        $team = Team::find(auth()->user()->currentTeam->id);
        $team->operations()->syncWithoutDetaching($this->selected);

        $this->notify('You\'ve added ' . $addCount . ' operations to your team\'s watchlist.');
    }

    public function removeSelectedFromMyOperations()
    {
        $removeCount = count($this->selected);

        $team = Team::find(auth()->user()->currentTeam->id);
        // TODO soft delete instead of detach
        $team->operations()->detach($this->selected);

        $this->showDeleteModal = false;

        $this->notify('You\'ve removed ' . $removeCount . ' operations from your team\'s watchlist.');
    }

    public function columns(): array
    {
        return [
            Column::make('Operation Name')->sortable(),
            Column::make('Certifier', 'certifier_name')->sortable(),
            Column::make('Former Names', 'other_former_names'),
            Column::make('Status', 'operation_certification_status'),
            Column::make('Contact', 'contact_name'),
            Column::make('City', 'physical_address_city')->sortable(),
            Column::make('State', 'physical_address_state_province')->sortable(),
            Column::make('Country', 'physical_address_country')->sortable(),
            Column::make('Products', 'product_list')
        ];
    }

    public function scopeSearch($query, $term)
    {
        return $query->where(
            fn($query) => $query->where('operation_name', 'like', '%'.$term.'%')
            ->orWhere('certifier_name', 'like', '%'.$term.'%')
            ->orWhere('other_former_names', 'like', '%'.$term.'%')
            ->orWhere('operation_certification_status', 'like', '%'.$term.'%')
            ->orWhere('contact_first_name', 'like', '%'.$term.'%')
            ->orWhere('contact_last_name', 'like', '%'.$term.'%')
            ->orWhere('physical_address_city', 'like', '%'.$term.'%')
            ->orWhere('physical_address_state_province', 'like', '%'.$term.'%')
            ->orWhere('physical_address_country', 'like', '%'.$term.'%')
            ->orWhere('certified_products_under_crops_scope', 'like', '%'.$term.'%')
            ->orWhere('additional_certified_products_under_crops_scope', 'like', '%'.$term.'%')
            ->orWhere('certified_products_under_livestock_scope', 'like', '%'.$term.'%')
            ->orWhere('additional_certified_products_under_livestock_scope', 'like', '%'.$term.'%')
            ->orWhere('certified_products_under_wild_crops_scope', 'like', '%'.$term.'%')
            ->orWhere('additional_certified_products_under_wild_crops_scope', 'like', '%'.$term.'%')
            ->orWhere('certified_products_under_handling_scope', 'like', '%'.$term.'%')
            ->orWhere('additional_certified_products_under_handling_scope', 'like', '%'.$term.'%')
        );
    }

    public function query(): Builder
    {
        return Operation::query()
            ->when($this->getFilter('search'), fn ($query, $term) => $query->search($term));
    }

    public function rowView(): string
    {
        return 'resources/views/operations/table/row.blade.php';
    }
}

row.blade.php

<x-livewire-tables::table.cell>
    <p class="text-gray-700 hover:underline font-bold">
            {{ $row->operation_name }}
    </p>
</x-livewire-tables::table.cell>
<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->certifier_name }}
    </p>
</x-livewire-tables::table.cell>
<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->other_former_names ?? '' }}
    </p>
</x-livewire-tables::table.cell>
<x-livewire-tables::table.cell>
    <span class="inline-flex px-2.5 py-0.5 rounded-full text-xs font-medium leading-4 bg-{{ $row->operation_certification_status === 'Certified' ? 'green' : 'red' }}-100 text-{{ $row->operation_certification_status === 'Certified' ? 'green' : 'red' }}-800 capitalize">
        {{ $row->operation_certification_status ?? '' }}
    </span>
    <br>
    <span class="text-xs">Effective: {{ isset($row->effective_date_of_operation_status) ? $row->effective_date_of_operation_status->format('Y-m-d') : '' }}</span>
</x-livewire-tables::table.cell>
<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->contact_name ?? '' }}
    </p>
</x-livewire-tables::table.cell>
<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->physical_address_city ?? '' }}
    </p>
</x-livewire-tables::table.cell>
<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->physical_address_state_province ?? '' }}
    </p>
</x-livewire-tables::table.cell>
<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->physical_address_country ?? '' }}
    </p>
</x-livewire-tables::table.cell>
<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->product_list }}
    </p>
</x-livewire-tables::table.cell>

index.blade.php

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('All Operations') }}
        </h2>
    </x-slot>
    <div class="py-12 space-y-4">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <livewire:operations-table/>
        </div>
    </div>
</x-app-layout>

[rappasoft]

Hard to say at first glance but I can see scopeSearch() should not be in that class, it should be on the Operation model.

$this->selected should be $this->selectedRowsQuery, which is a Builder instance.

Try not publishing the views first and see what errors you're getting. See the example table in the read me as well that might help.

I would start with a basic working table and then add other features to make it easier to narrow down the cause of the issue.

[jrmypttrsn]

After deleting published views and clearing caches multiple times, I ended up trashing the branch and starting fresh. Got it working but now getting an error for the rowView, otherwise the table loads as expected.

InvalidArgumentException
View [resources.views.livewire-tables.operations.row.blade.php] not found.

public function rowView(): string
{
   return 'resources/views/livewire-tables/operations/row.blade.php';
}

row.blade.php

<x-livewire-tables::table.cell>
    <p class="text-gray-700 hover:underline font-bold">
        <a href="{{ route('operations.show', $row) }}">
            {{ $row->operation_name }}
        </a>
        @if($team->operations->pluck('operation_id')->contains($row->operation_id))
            <x-icon.badge-check class="text-green-500"/>
        @endif
    </p>
</x-livewire-tables::table.cell>

<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->certifier_name }}
    </p>
</x-livewire-tables::table.cell>

<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->other_former_names ?? '' }}
    </p>
</x-livewire-tables::table.cell>

<x-livewire-tables::table.cell>
    <span class="inline-flex px-2.5 py-0.5 rounded-full text-xs font-medium leading-4 bg-{{ $row->operation_certification_status === 'Certified' ? 'green' : 'red' }}-100 text-{{ $row->operation_certification_status === 'Certified' ? 'green' : 'red' }}-800 capitalize">
        {{ $row->operation_certification_status ?? '' }}
    </span>
    <br>
    <span class="text-xs">Effective: {{ isset($row->effective_date_of_operation_status) ? $row->effective_date_of_operation_status->format('Y-m-d') : '' }}</span>
</x-livewire-tables::table.cell>

<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->contactName ?? '' }}
    </p>
</x-livewire-tables::table.cell>

<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->physical_address_city ?? '' }}
    </p>
</x-livewire-tables::table.cell>

<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->physical_address_state_province ?? '' }}
    </p>
</x-livewire-tables::table.cell>

<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->physical_address_country ?? '' }}
    </p>
</x-livewire-tables::table.cell>

<x-livewire-tables::table.cell>
    <p class="text-gray-600">
        {{ $row->product_list }}
    </p>
</x-livewire-tables::table.cell>

[rappasoft]

Try just:

public function rowView(): string
{
   return 'livewire-tables.operations.row';
}

[jrmypttrsn]

Whoa, that's cool. You may want to state in the docs that the method looks to 'resources.views' by default.

Thanks for the help. I'm really liking this package, it's going to save me some time for sure.

[rappasoft]

I'll make that more clear, glad that helped.