Implementing a table on a resource-view-page

Section::make('myheader')
                ->icon('myicon')
                ->schema([
                    new CustomComponent($this->record->id)
                ])

Section::make('myheader')
                ->icon('myicon')
                ->schema([
                    new CustomComponent($this->record->id)
                ])

Section::make('myheader')
                ->icon('myicon')
                ->schema([
                    View::make('livewire.CustomComponent')->viewData(['id_in_the_constructor' => $this->record->id])
                ])

Section::make('myheader')
                ->icon('myicon')
                ->schema([
                    View::make('livewire.CustomComponent')->viewData(['id_in_the_constructor' => $this->record->id])
                ])

<?php

namespace App\View\Components;

use Closure;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Concerns\InteractsWithTable;
use Filament\Tables\Contracts\HasTable;
use Illuminate\Contracts\View\View;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\View\Component;

class MyComponent extends Component implements HasTable
{
    use InteractsWithTable;

    public int $relationID;
    /**
     * Create a new component instance.
     */
    public function __construct( int $relationID)
    {
        $this->relationID = $relationID;
    }

    /**
     * Get the view / contents that represent the component.
     */
    public function render(): View|Closure|string
    {
        return view('components.my-custom-components.relationship-stuff.thisone');
    }

    protected function getTableQuery(): Builder
    {
        return RelationShipModel::where('parent_id', $this->relationID);
    }

    protected function getTableColumns(): array
    {
        return [
            TextColumn::make('property_one')
                ->label('header-one')
        ];
    }
}

<?php

namespace App\View\Components;

use Closure;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Concerns\InteractsWithTable;
use Filament\Tables\Contracts\HasTable;
use Illuminate\Contracts\View\View;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\View\Component;

class MyComponent extends Component implements HasTable
{
    use InteractsWithTable;

    public int $relationID;
    /**
     * Create a new component instance.
     */
    public function __construct( int $relationID)
    {
        $this->relationID = $relationID;
    }

    /**
     * Get the view / contents that represent the component.
     */
    public function render(): View|Closure|string
    {
        return view('components.my-custom-components.relationship-stuff.thisone');
    }

    protected function getTableQuery(): Builder
    {
        return RelationShipModel::where('parent_id', $this->relationID);
    }

    protected function getTableColumns(): array
    {
        return [
            TextColumn::make('property_one')
                ->label('header-one')
        ];
    }
}

<table class="table-auto w-full">
    <thead>
    <tr>
        <th>{{ m__('translate1') }}</th>
        <th>{{ m__('translate2') }}</th>
        <th>{{ m__('translate3') }}</th>
    </tr>
    </thead>
    <tbody>
    @foreach($data as $datapoint)
        <tr>
            <td class="text-center">{{ (new \Illuminate\Support\Carbon($datapoint->created_at))->format('d.m.Y - H:i:s') }}</td>
            <td class="text-center" x-data x-tooltip.raw="{{ m__('translate4.'.$datapoint->something->key.'.explain') }}">{{ m__('translate5.'.$datapoint->something->key.'.short') }}</td>
            <td class="text-center"> {{ $datapoint->changed_by == 0 ? 'MySoftware' : \App\Models\User::findOrFail($datapoint->changed_by)->name}}</td>
        </tr>
    @endforeach
    </tbody>
</table>

<table class="table-auto w-full">
    <thead>
    <tr>
        <th>{{ m__('translate1') }}</th>
        <th>{{ m__('translate2') }}</th>
        <th>{{ m__('translate3') }}</th>
    </tr>
    </thead>
    <tbody>
    @foreach($data as $datapoint)
        <tr>
            <td class="text-center">{{ (new \Illuminate\Support\Carbon($datapoint->created_at))->format('d.m.Y - H:i:s') }}</td>
            <td class="text-center" x-data x-tooltip.raw="{{ m__('translate4.'.$datapoint->something->key.'.explain') }}">{{ m__('translate5.'.$datapoint->something->key.'.short') }}</td>
            <td class="text-center"> {{ $datapoint->changed_by == 0 ? 'MySoftware' : \App\Models\User::findOrFail($datapoint->changed_by)->name}}</td>
        </tr>
    @endforeach
    </tbody>
</table>