support table column vertical alignment (#18573)

Author: andrewdwallo

packages/forms/resources/css/components/repeater.css

@@ -206,6 +206,18 @@
                     &.fi-hidden {
                         @apply hidden;
                     }
+
+                    &.fi-vertical-align-start {
+                        @apply align-top;
+                    }
+
+                    &.fi-vertical-align-center {
+                        @apply align-middle;
+                    }
+
+                    &.fi-vertical-align-end {
+                        @apply align-bottom;
+                    }
                 }
             }
         }

packages/forms/resources/views/components/repeater/table.blade.php

@@ -2,6 +2,7 @@
     use Filament\Actions\Action;
     use Filament\Actions\ActionGroup;
     use Filament\Support\Enums\Alignment;
+    use Filament\Support\Enums\VerticalAlignment;
     use Illuminate\Support\Js;
     use Illuminate\View\ComponentAttributeBag;
 
@@ -160,9 +161,14 @@ class="fi-fo-table-repeater-actions"
                                         @if ($schemaComponent->isVisible())
                                             @php
                                                 $schemaComponentStatePath = $schemaComponent->getStatePath();
+                                                $currentColumn = $tableColumns[$counter - 1] ?? null;
+                                                $columnVerticalAlignment = $currentColumn?->getVerticalAlignment();
                                             @endphp
 
                                             <td
+                                                @class([
+                                                    ($columnVerticalAlignment instanceof VerticalAlignment) ? ('fi-vertical-align-' . $columnVerticalAlignment->value) : (is_string($columnVerticalAlignment) ? $columnVerticalAlignment : ''),
+                                                ])
                                                 x-data="filamentSchemaComponent({
                                                     path: @js($schemaComponentStatePath),
                                                     containerPath: @js($itemStatePath),

packages/forms/src/Components/Repeater/TableColumn.php

@@ -6,13 +6,15 @@
 use Filament\Support\Components\Component;
 use Filament\Support\Concerns\CanWrapHeader;
 use Filament\Support\Concerns\HasAlignment;
+use Filament\Support\Concerns\HasVerticalAlignment;
 use Filament\Support\Concerns\HasWidth;
 use Illuminate\Contracts\Support\Htmlable;
 
 class TableColumn extends Component
 {
     use CanWrapHeader;
     use HasAlignment;
+    use HasVerticalAlignment;
     use HasWidth;
 
     protected string $evaluationIdentifier = 'column';