diff --git a/src/Masa.Blazor/Components/DataTable/MobileRow/MDataTableMobileRow.razor b/src/Masa.Blazor/Components/DataTable/MobileRow/MDataTableMobileRow.razor
index cef0e6a429..bfa9b4e49a 100644
--- a/src/Masa.Blazor/Components/DataTable/MobileRow/MDataTableMobileRow.razor
+++ b/src/Masa.Blazor/Components/DataTable/MobileRow/MDataTableMobileRow.razor
@@ -9,7 +9,7 @@
             @{
                 if (header.Value != "data-table-select" && !HideDefaultHeader)
                 {
-                    <div class="@_block.Element("mobile-row__header")">
+                    <div class="@_block.Element("mobile-row__header").AppendClasses(header.Class)">
                         @if (HeaderColContent != null)
                         {
                             @HeaderColContent(header)
@@ -22,7 +22,7 @@
                 }
 
                 var props = new ItemColProps<TItem>(header, Item);
-                <div class="@_block.Element("mobile-row__cell")">
+                <div class="@_block.Element("mobile-row__cell").AppendClasses(header.CellClass)">
                     @if (HasSlot(props))
                     {
                         @SlotContent(props)