jqwidgets-framework/demos/Angular/src/grid/lines/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div style="font-size: 13px; font-family: Verdana; float: left">

  <jqxGrid #myGrid (onRowselect)="myGridOnRowSelect($event)" (onRowunselect)="myGridOnRowUnselect($event)"
        [width]="getWidth()" [height]="350" [source]="dataAdapter" [columns]="columns" >
  </jqxGrid>

      <div style="clear: both"></div>

      <div style="margin-top: 10px;" >
        <jqxCheckBox #rowLines [checked]="true" (onChange)="rowLinesOnChange($event)">Row Lines</jqxCheckBox>
      </div>
     <div style="margin-top: 10px;" >
        <jqxCheckBox #columnLines [checked]="true" (onChange)="columnLinesOnChange($event)">Column Lines</jqxCheckBox>
      </div>
     <div style="margin-top: 10px;" >
        <jqxCheckBox #headerLines [checked]="true" (onChange)="columnHeaderLinesOnChange($event)">Column Header Lines</jqxCheckBox>
      </div>
      
</div>