Table: dynamic rendering of rows and cels

Source/Blazorise.AntDesign/Components/TableRowHeader.razor

@@ -1,5 +1,5 @@
 @inherits Blazorise.TableRowHeader
-<td @ref="@ElementRef" id="@ElementId" class="@ClassNames" style="@StyleNames" @onclick="@ClickHandler"
+<td @ref="@ElementRef" id="@ElementId" class="@ClassNames" style="@StyleNames" @onclick="@OnClickHandler"
     draggable="@DraggableString"
     @ondragend="@OnDragEndHandler"
     @ondragend:preventDefault="@DragEndPreventDefault"

Source/Blazorise/Base/BaseDraggableComponent.cs

@@ -1,9 +1,11 @@
 #region Using directives
 using System;
 using System.Threading.Tasks;
+using Blazorise.Extensions;
 using Blazorise.Modules;
 using Blazorise.Utilities;
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Rendering;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.JSInterop;
 #endregion
@@ -157,6 +159,54 @@ protected virtual Task OnContextMenuHandler( MouseEventArgs eventArgs )
         return ContextMenu.InvokeAsync( EventArgsMapper.ToMouseEventArgs( eventArgs ) );
     }
 
+    /// <summary>
+    /// Configures the render tree to handle draggable events for the component.
+    /// </summary>
+    /// <remarks>This method sets up event handlers and optional default prevention for drag-and-drop events,
+    /// including <c>dragstart</c>, <c>dragend</c>, <c>dragenter</c>, <c>dragleave</c>, and <c>drop</c>. Event handlers
+    /// are only added if the corresponding <see cref="EventCallback"/> is assigned. Default browser behavior for these
+    /// events can be suppressed by setting the appropriate <c>PreventDefault</c> property to <see
+    /// langword="true"/>.</remarks>
+    /// <param name="builder">The <see cref="RenderTreeBuilder"/> used to define the render tree.</param>
+    protected void BuildDraggableEventsRenderTree( RenderTreeBuilder builder )
+    {
+        if ( DragStart.HasDelegate )
+            builder.OnDragStart( this, EventCallback.Factory.Create<DragEventArgs>( this, OnDragStartHandler ) );
+
+        if ( DragStartPreventDefault )
+            builder.OnDragStartPreventDefault( true );
+
+        if ( DragEnd.HasDelegate )
+            builder.OnDragEnd( this, EventCallback.Factory.Create<DragEventArgs>( this, OnDragEndHandler ) );
+
+        if ( DragEndPreventDefault )
+            builder.OnDragEndPreventDefault( true );
+
+        if ( DragEnter.HasDelegate )
+            builder.OnDragEnter( this, EventCallback.Factory.Create<DragEventArgs>( this, OnDragEnterHandler ) );
+
+        if ( DragEnterPreventDefault )
+            builder.OnDragEnterPreventDefault( true );
+
+        if ( DragLeave.HasDelegate )
+            builder.OnDragLeave( this, EventCallback.Factory.Create<DragEventArgs>( this, OnDragLeaveHandler ) );
+
+        if ( DragLeavePreventDefault )
+            builder.OnDragLeavePreventDefault( true );
+
+        if ( Drop.HasDelegate )
+            builder.OnDrop( this, EventCallback.Factory.Create<DragEventArgs>( this, OnDropHandler ) );
+
+        if ( DropPreventDefault )
+            builder.OnDropPreventDefault( true );
+
+        if ( ContextMenu.HasDelegate )
+            builder.OnContextMenu( this, EventCallback.Factory.Create<MouseEventArgs>( this, OnContextMenuHandler ) );
+
+        if ( ContextMenuPreventDefault )
+            builder.OnContextMenuPreventDefault( true );
+    }
+
     #endregion
 
     #region Properties

Source/Blazorise/Components/Table/Table.razor.cs

@@ -1,8 +1,10 @@
 #region Using directives
 using System.Threading.Tasks;
+using Blazorise.Extensions;
 using Blazorise.Modules;
 using Blazorise.Utilities;
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Rendering;
 #endregion
 
 namespace Blazorise;
@@ -111,6 +113,52 @@ protected virtual void BuildContainerStyles( StyleBuilder builder )
         }
     }
 
+    /// <inheritdoc/>
+    protected override void BuildRenderTree( RenderTreeBuilder builder )
+    {
+        builder
+            .OpenComponent<CascadingValue<Table>>()
+            .Attribute( "Value", this )
+            .Attribute( "IsFixed", true );
+
+        builder.Attribute( "ChildContent", (RenderFragment)( ( builder2 ) =>
+        {
+            if ( HasContainer )
+            {
+                builder2.OpenElement( "div" )
+                    .Class( ContainerClassNames )
+                    .Style( ContainerStyleNames );
+            }
+
+            builder2
+                .OpenElement( "table" )
+                .Id( ElementId )
+                .Class( ClassNames )
+                .Style( StyleNames )
+                .Draggable( DraggableString );
+
+            // build drag-and-drop related events
+            BuildDraggableEventsRenderTree( builder2 );
+
+            if ( Attributes is not null )
+                builder2.Attributes( Attributes );
+
+            builder2.ElementReferenceCapture( capturedRef => ElementRef = capturedRef );
+
+            if ( ChildContent is not null )
+                builder2.Content( ChildContent );
+
+            builder2.CloseElement(); // </table>
+
+            if ( HasContainer )
+                builder2.CloseElement(); // </div>
+        } ) );
+
+        builder.CloseComponent(); // </CascadingValue>
+
+        base.BuildRenderTree( builder );
+    }
+
     /// <inheritdoc/>
     internal protected override void DirtyClasses()
     {

Source/Blazorise/Components/Table/TableBody.razor.cs

@@ -1,6 +1,9 @@
 #region Using directives
+using Blazorise.Extensions;
 using Blazorise.Utilities;
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Rendering;
+using Microsoft.AspNetCore.Components.Web;
 #endregion
 
 namespace Blazorise;
@@ -24,6 +27,32 @@ protected override void BuildClasses( ClassBuilder builder )
         base.BuildClasses( builder );
     }
 
+    /// <inheritdoc/>
+    protected override void BuildRenderTree( RenderTreeBuilder builder )
+    {
+        builder
+            .OpenElement( "tbody" )
+            .Id( ElementId )
+            .Class( ClassNames )
+            .Style( StyleNames )
+            .Draggable( DraggableString );
+
+        // build drag-and-drop related events
+        BuildDraggableEventsRenderTree( builder );
+
+        if ( Attributes is not null )
+            builder.Attributes( Attributes );
+
+        builder.ElementReferenceCapture( capturedRef => ElementRef = capturedRef );
+
+        if ( ChildContent is not null )
+            builder.Content( ChildContent );
+
+        builder.CloseElement(); // </tbody>
+
+        base.BuildRenderTree( builder );
+    }
+
     #endregion
 
     #region Properties

Source/Blazorise/Components/Table/TableFooter.razor.cs

@@ -1,6 +1,8 @@
 #region Using directives
+using Blazorise.Extensions;
 using Blazorise.Utilities;
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Rendering;
 #endregion
 
 namespace Blazorise;
@@ -24,6 +26,32 @@ protected override void BuildClasses( ClassBuilder builder )
         base.BuildClasses( builder );
     }
 
+    /// <inheritdoc/>
+    protected override void BuildRenderTree( RenderTreeBuilder builder )
+    {
+        builder
+            .OpenElement( "tfoot" )
+            .Id( ElementId )
+            .Class( ClassNames )
+            .Style( StyleNames )
+            .Draggable( DraggableString );
+
+        // build drag-and-drop related events
+        BuildDraggableEventsRenderTree( builder );
+
+        if ( Attributes is not null )
+            builder.Attributes( Attributes );
+
+        builder.ElementReferenceCapture( capturedRef => ElementRef = capturedRef );
+
+        if ( ChildContent is not null )
+            builder.Content( ChildContent );
+
+        builder.CloseElement(); // </tfoot>
+
+        base.BuildRenderTree( builder );
+    }
+
     #endregion
 
     #region Properties

Source/Blazorise/Components/Table/TableHeader.razor.cs

@@ -1,6 +1,8 @@
 #region Using directives
+using Blazorise.Extensions;
 using Blazorise.Utilities;
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Rendering;
 #endregion
 
 namespace Blazorise;
@@ -27,6 +29,32 @@ protected override void BuildClasses( ClassBuilder builder )
         base.BuildClasses( builder );
     }
 
+    /// <inheritdoc/>
+    protected override void BuildRenderTree( RenderTreeBuilder builder )
+    {
+        builder
+            .OpenElement( "thead" )
+            .Id( ElementId )
+            .Class( ClassNames )
+            .Style( StyleNames )
+            .Draggable( DraggableString );
+
+        // build drag-and-drop related events
+        BuildDraggableEventsRenderTree( builder );
+
+        if ( Attributes is not null )
+            builder.Attributes( Attributes );
+
+        builder.ElementReferenceCapture( capturedRef => ElementRef = capturedRef );
+
+        if ( ChildContent is not null )
+            builder.Content( ChildContent );
+
+        builder.CloseElement(); // </thead>
+
+        base.BuildRenderTree( builder );
+    }
+
     #endregion
 
     #region Properties