Hi vin,
Query: How to hide grid lines on the grid columns and rows?
Based on your query you want to hide the grid lines in your Grid application for both columns and rows. So, we have prepared sample in that we have hidden the grid lines by setting the gridLines property as “None”. For your convenience we have attached the sample please refer them for your reference.
Code example:
|
App.component.html
<div class="control-section">
<ejs-grid #Grid id='Grid' [dataSource]='parentData' [allowRowDragAndDrop]="true" gridLines="None"
[childGrid]='childGrid'>
<e-columns>
<e-column field='EmployeeID' headerText='Employee ID' width='120' textAlign='Right'></e-column>
<e-column field='FirstName' headerText='Name' width='140'></e-column>
<e-column field='Title' headerText='Title' width='170'></e-column>
<e-column field='HireDate' headerText='Hired Date' width='120' format='yMd' textAlign='Right'></e-column>
<e-column field='ReportsTo' headerText='Reports To' width='120' textAlign='Right'></e-column>
</e-columns>
</ejs-grid>
</div> |
Please get back to us if you need further assistance.
Regards,
Ajith G.
