title: Blazor Grid Bound Column by Field Name
body: <p>I'm studying some paid grid components and they have a pretty cool "Bound Column" technique:</p>
  
  <pre><code>&lt;TelerikGrid Data=@GridData&gt;
      &lt;GridColumns&gt;
          &lt;GridColumn Field="TemperatureC" Title="Temp. C" /&gt;
          &lt;GridColumn Field="Summary" /&gt;
      &lt;/GridColumns&gt;
      &lt;GridToolBar&gt;
          &lt;GridCommandButton Command="Add" Icon="add"&gt;Add Forecast&lt;/GridCommandButton&gt;
      &lt;/GridToolBar&gt;
  &lt;/TelerikGrid&gt;
  
  &lt;DxDataGrid Data="@DataSource"&gt;
      &lt;DxDataGridColumn Field="@nameof(ProductFlat.Id)"&gt;
      &lt;/DxDataGridColumn&gt;
      &lt;DxDataGridColumn Field="@nameof(ProductFlat.Category)"&gt;
      &lt;/DxDataGridColumn&gt;
  &lt;/DxDataGrid&gt;
  </code></pre>
  
  <p>how can I achieve this? I want to create a very basic table:</p>
  
  <pre><code>&lt;MyGrid DataSource=@MySource&gt;
    &lt;MyColumn Field="Id" Name="My Id" /&gt;
  &lt;/MyGrid&gt;
  </code></pre>
  
  <p>to render:</p>
  
  <pre><code>&lt;table class="table"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th scope="col"&gt;My Id&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;#1&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;#2&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>