livewire row append

Hi SELVAM P,

To resolve the issue of appending rows in a Livewire table with a file type column, you need to ensure that your Livewire component is set up to handle file uploads properly. 

Define the Properties: In your Livewire component, define an array to hold the rows and a counter for the appended rows.

public $rows = [];
public $count = 0;

Append Function: Create a method to append a new row. This method should also increment the count.

public function appendRow()
{
    $this->rows[] = ['file' => null]; // Initialize with a null file
    $this->count++;
}

File Upload Handling: Ensure that your file input is bound to the correct property in your Livewire component. Use the wire:model directive to bind the file input to the corresponding row.

@foreach($rows as $index => $row)
    
@endforeach

Validation: Implement validation to ensure that the file uploads are handled correctly.

protected $rules = [
    'rows.*.file' => 'nullable|file|max:2048', // Adjust max size as needed
];

By following these steps, you should be able to append rows successfully while managing file uploads in your Livewire component.