angular.element('#Grid').ejGrid({
dataSource: $scope.dataForGrid,
allowGrouping: true,
allowPaging: true,
pageSettings: { pageSize: 20, currentPage: $scope.page },
allowEditing: false,
allowTextWrap: true,
allowSorting: true,
actionBegin: $scope.actionBegin,
allowFiltering: true,
filterSettings: { filterType: "excel" },
allowSelection: true,
enableTouch: false,
columns: [
{ headerText: "", template: true, templateID: "#checkboxTemplate", textAlign: ej.TextAlign.Center, width: 5 },
{ field: "product", isprimarykey: true, headerText: "Product", textAlign: ej.TextAlign.Left, width: 15, template: true, templateID: "#productTemplate" },
{ field: "component", headerText: "Component", textAlign: ej.TextAlign.Left, width: 12, template: true, templateID: "#componentTemplate" },
{ field: "projectId", headerText: "Project ID", textAlign: ej.TextAlign.Left, width: 10 },
{ field: "title", headerText: "Title", textAlign: ej.TextAlign.Left, width: 50, template: true, templateID: "#titleTemplate" },
{ field: "language_count", headerText: "Lan", textAlign: ej.TextAlign.Center, width: 4, template: true, templateID: "#languageTemplate" },
{ field: "delivery_due_date", headerText: "Due Date", textAlign: ej.TextAlign.Left, width: 15, template: true, templateID: "#columnTemplate" },
{ field: "word_count", headerText: "Word Count", textAlign: ej.TextAlign.Left, width: 8 },
{ field: "document_count", headerText: "Docs", textAlign: ej.TextAlign.Left, width: 4 },
{ field: "groupactions", headerText: "Actions", textAlign: ej.TextAlign.Left, width: 10, template: true, templateID: "#actionsTemplate" }
],
create: vm.onGridCreate,
actionComplete: $scope.complete,
recordDoubleClick: vm.recordClick,
recordClick: vm.checkboxClick
});
Thank you for your help.
Kind regards,
Carlos