<!-- ejs2 grid -->
<div class="mat-elevation-z1">
<ejs-grid #grid id='Grid'
[dataSource]='data'
allowGrouping='true'
allowSorting='true'
showColumnMenu='true'
[groupSettings]='groupOptions'
[contextMenuItems]="contextMenuItems"
[sortSettings]='sortOptions'
height={{gridHeight}}
[allowExcelExport]='true'
[toolbar]='toolbarOptions'
[selectionSettings]='selectionOptions'
[frozenColumns]='1'
(toolbarClick)='toolbarClick($event)'
(actionBegin)='actionHandler($event)'
(rowSelected)='rowSelected($event)'
(rowDeselecting)='rowDeselected($event)'>
<e-columns>
<e-column type='checkbox' width='50'></e-column>
<e-column headerText='Patient Information' [columns]='patientColumns'></e-column>
<e-column [columns]='demographicsColumns'></e-column>
<e-column headerText='Medical Economics' [columns]='medicalColumns'></e-column>
<e-column headerText='Utilization Information' [columns]='utilizationColumns'></e-column>
<e-column headerText='Chronic Condition (claims/encounter history)' [columns]='chronicColumns'></e-column>
<e-column headerText='Engagement Level' [columns]='engagementColumns'></e-column>
</e-columns>
</ejs-grid>
</div>
-------------------------------------------------
export const patientColumns: ColumnModel[] = [
{
field: 'patient.firstName',
headerText: 'Patient',
width: 300,
minWidth: 100,
maxWidth: 300,
isFrozen: true,
template: '<div class="member-link">' +
'<a id="drill-patient-${patient.patientId}" patientId="${patient.patientId}">' +
'${patient.firstName}</a>' +
'</div>',
},
];
