html

<table role="grid">
  <colgroup>
    <col style="width:60px">
    <col style="width:80px">
    <col style="width:130px;">
    <col style="width:300px;">
    <col>
    <col>
    <col style="width:200px;">
    <col style="width:180px">
    <col><col style="width:80px">
    <col style="width:80px">
    <col style="width:120px;">
  </colgroup>
  <thead role="rowgroup">
    <tr role="row">
      <th scope="col" id="dd863af2-964b-468d-a4c0-937e9df3ba5b" rowspan="1" data-index="0" class="k-header" data-role="droptarget">
        <input class="k-checkbox" data-role="checkbox" aria-label="Select all rows" aria-checked="false" type="checkbox" id="f4ca76b4-64f1-4e82-87b5-0c8baf69de0c">
        <label for="f4ca76b4-64f1-4e82-87b5-0c8baf69de0c" class="k-checkbox-label k-no-text">​</label>
      </th>
      <th scope="col" role="columnheader" data-field="CustId" aria-haspopup="true" rowspan="1" data-title="ID" data-index="1" id="7ed2c2cb-c61c-4ff9-a2f0-aef086bef4ff" style="text-align:left;" class="k-header k-sorted" data-role="columnsorter" data-dir="asc" aria-sort="ascending">
        <a class="k-link" href="#">ID<span class="k-icon k-i-sort-asc-sm"></span></a>
      </th>
      <th scope="col" role="columnheader" data-field="AccountNo" aria-haspopup="true" rowspan="1" data-title="Account No" data-index="2" id="60a0fe80-db29-4da4-bc50-1afe739a0314" style="text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">Account No</a>
      </th>
      <th scope="col" role="columnheader" data-field="CompanyName" aria-haspopup="true" rowspan="1" data-title="Customer" data-index="3" id="65cf4a7c-c66d-4f0e-b3c3-495c6dae573b" style="text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">Customer</a>
      </th>
      <th scope="col" role="columnheader" data-field="BillCity" aria-haspopup="true" rowspan="1" data-title="B.City" data-index="4" id="0c634865-033b-40f1-9fa5-79a6ee771d4c" style="text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">B.City</a>
      </th>
      <th scope="col" role="columnheader" data-field="ContactPhone" aria-haspopup="true" rowspan="1" data-title="C.Phone" data-index="5" id="7a4eddcf-f537-426c-a66b-f2809df1e26a" style="text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">C.Phone</a>
      </th>
      <th scope="col" role="columnheader" data-field="ContactEmail" aria-haspopup="true" rowspan="1" data-title="C.Email" data-index="6" id="1b2bae48-b828-4205-b539-d26b7e5b00c7" style="text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">C.Email</a>
      </th>
      <th scope="col" role="columnheader" data-field="BillAddress1" aria-haspopup="true" rowspan="1" data-title="B.Address1" data-index="7" id="7ea64906-af71-4e7f-9cb7-42aa91383fbe" style="display:none;text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">B.Address1</a>
      </th>
      <th scope="col" role="columnheader" data-field="BillState" aria-haspopup="true" rowspan="1" data-title="B.State" data-index="8" id="ef76414d-5e5e-43e2-a980-c84e6d719e9b" style="text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">B.State</a>
      </th>
      <th scope="col" role="columnheader" data-field="BillZip" aria-haspopup="true" rowspan="1" data-title="B.Zip" data-index="9" id="bbbeb31e-2041-4f14-8c21-11d5194bb646" style="display:none;text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">B.Zip</a>
      </th>
      <th scope="col" role="columnheader" data-field="BillCountry" aria-haspopup="true" rowspan="1" data-title="B.Country" data-index="10" id="9a6e62b3-c2fd-4bc1-8c68-2a3d088c92c7" style="display:none;text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">B.Country</a>
      </th>
      <th scope="col" role="columnheader" data-field="ShipAddress1" aria-haspopup="true" rowspan="1" data-title="S.Address1" data-index="11" id="c2656cf6-9d76-431c-9a8d-e97ae21b9479" style="display:none;text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">S.Address1</a>
      </th>
      <th scope="col" role="columnheader" data-field="ShipCity" aria-haspopup="true" rowspan="1" data-title="S.City" data-index="12" id="4a638b4a-7006-4004-818e-96a022ca5636" style="text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">S.City</a>
      </th>
      <th scope="col" role="columnheader" data-field="ShipState" aria-haspopup="true" rowspan="1" data-title="S.State" data-index="13" id="e361aace-9b8d-41ae-95f7-3b00519eca6d" style="text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">S.State</a>
      </th>
      <th scope="col" role="columnheader" data-field="ShipZip" aria-haspopup="true" rowspan="1" data-title="S.Zip" data-index="14" id="711d11b6-1f58-4a66-ad70-966eddb2ef58" style="display:none;text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">S.Zip</a>
      </th>
      <th scope="col" role="columnheader" data-field="ShipCountry" aria-haspopup="true" rowspan="1" data-title="S.Country" data-index="15" id="d34c1fd3-a294-4e55-bc36-1aba4f9f8184" style="display:none;text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">S.Country</a>
      </th>
      <th scope="col" role="columnheader" data-field="SalesTotal" aria-haspopup="true" rowspan="1" data-title="Sales Amt" data-index="16" id="aafec4fc-8e5e-4d09-8e24-19f8e102f006" style="display:none;text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">Sales Amt</a>
      </th>
      <th scope="col" role="columnheader" data-field="UnpaidBalance" aria-haspopup="true" rowspan="1" data-title="Unpaid Bal" data-index="17" id="96c3a934-8974-4f96-94dd-38e5935f917b" style="display:none;text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">Unpaid Bal</a>
      </th>
      <th scope="col" role="columnheader" data-field="SalesRep1" aria-haspopup="true" rowspan="1" data-index="18" id="ddec00b7-5e04-464e-8430-8cf74bfdfe5c" style="display:none;text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">SalesRep1</a>
      </th>
      <th scope="col" role="columnheader" data-field="Tag" aria-haspopup="true" rowspan="1" data-index="19" id="36390abc-0e33-4397-9363-fc7418be607b" style="display:none;text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">Tag</a>
      </th>
      <th scope="col" role="columnheader" data-field="IsActive" aria-haspopup="true" rowspan="1" data-title="A" data-index="20" id="6a1f876d-f5de-45a9-bfc3-69590560ecbe" style="text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">A</a>
      </th>
      <th scope="col" role="columnheader" data-field="UpdatedOn" aria-haspopup="true" rowspan="1" data-title="Updated On" data-index="21" id="7f58d139-abfe-4fa6-9126-ba82299c818f" style="text-align:center;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">Updated On</a>
      </th>
      <th scope="col" role="columnheader" data-field="CreatedOn" aria-haspopup="true" rowspan="1" data-title="Created On" data-index="22" id="d65fbea4-39ea-4f00-acc2-f80540e46e31" style="text-align: center; display: none;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">Created On</a>
      </th>
      <th scope="col" role="columnheader" data-field="CreatedBy" aria-haspopup="true" rowspan="1" data-title="Created By" data-index="23" id="e1854623-5d36-43e3-9f77-4ce6da55cad3" style="display:none;text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">Created By</a>
      </th>
      <th scope="col" role="columnheader" data-field="UpdatedBy" aria-haspopup="true" rowspan="1" data-title="Updated By" data-index="24" id="383f6c86-9f76-4bcc-afa4-6671f4143326" style="display:none;text-align:left;" class="k-header" data-role="columnsorter">
        <a class="k-link" href="#">Updated By</a>
      </th>
    </tr>
  </thead>
</table>