DataGrid Row Demo - Fix issues (#31879)

Author: markallenramirez

apps/demos/Demos/DataGrid/Row/Angular/app/app.component.html

@@ -4,6 +4,8 @@
   keyExpr="ID"
   [columnAutoWidth]="true"
   [showBorders]="true"
+  [rowAlternationEnabled]="true"
+  [hoverStateEnabled]="true"
   dataRowTemplate="dataRowTemplateName"
 >
   <dxi-data-grid-column

apps/demos/Demos/DataGrid/Row/React/DataRow.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 
 const formatDate = new Intl.DateTimeFormat('en-US').format;
 
-const DataRow = (rowInfo: DataGridTypes.RowTemplateData) => (
+const DataRow = (rowInfo: DataGridTypes.DataRowTemplateData) => (
   <React.Fragment>
     <tr className="main-row" role="row">
       <td rowSpan={2} role="gridcell"><img src={rowInfo.data.Picture} alt={`Picture of ${rowInfo.data.FirstName} ${rowInfo.data.LastName}`} tabIndex={0} /></td>

apps/demos/Demos/DataGrid/Row/Vue/App.vue

@@ -6,7 +6,7 @@
       key-expr="ID"
       :column-auto-width="true"
       :show-borders="true"
-      :row-alternatin-enabled="true"
+      :row-alternation-enabled="true"
       :hover-state-enabled="true"
       data-row-template="dataRowTemplate"
     >