如何使用自定义样式创建Asp.net GridView？

Question

我想将我创建的html表转换为Asp.net Gridview。

我的桌子看起来像这样：

我一直在寻找如何自定义格式以及在gridview中使用rowpan和colspan的方法，但是由于我主要在前端工作，所以我对gridview的了解有限。

将提供任何帮助。

网格的HTML代码为：

<table class="report-grid">
    <tbody>
      <tr>
        <th rowspan="3">نوع النسك  </th>
        <th colspan="6">نقاط البيع </th>
      </tr>
      <tr>
        <th colspan="2">المبيعات المؤكدة </th>
        <th colspan="2">المبيعات الغير مؤكدة </th>
        <th colspan="2">الإجمالي </th>
      </tr>
      <tr>
         <th>الكمية </th>
         <th>القيمة </th>
         <th>الكمية </th>
         <th>القيمة</th>
         <th>الكمية</th>
         <th>القيمة</th>
      </tr>         
      <tr>
         <th>الهدي</th>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
      </tr>
   </tbody> 
</table>