Column Wise Filters in angularjs

Question

1. Can anybody explain filters in angularjs.   Requriement: For example if we have 4 columns on ng grid.. By default ng grid provide filter for all columns. i.e, showfilter:true. But my requriement is i have to apply filters column wise.   Example:   empid   name   designation  mobile      -->Search     2  1001      sai      xxxxx               1234   1002      venu   yyyyy               2354    in the above example i given  2  in search textbopx ,it will shows 2 records like a row wise..   Now my requriement is , the same filters apply for columnwise..but not rowwise.     2. How to hide right and below scrollbar's on ng grid have 10 records...?   3. How to apply paging for ng grid either custom paging or default paging..?   Please find the below attachment and solve my issue...   Thanks in advance..

Puneet Kankar · Answer

Please see this demo link     http://plnkr.co/edit/2RXlNq?p=preview

Sai · Answer

Can you explain without table...because i am ng grid ..but not using table..i need filtering using ng grid.. like    Column wise filtering using ng grid.but not table...   $scope.gridOptions = { multiSelect: false, showFilter: true, enablePaging: true, showFooter: true, totalServerItems: 'totalServerItems', data: 'employees', rowHeight: 50, headerRowHeight: 50, columnDefs: 'myColumns', }; $scope.myColumns = [ { field: 'ID', displayName: 'ID', width: 166.67, visible: true },  { field: 'Name', displayName: 'Name', width: 166.67, visible: true }, { field: 'Designation', displayName: 'Designation', width: 166.67, visible: true }, { field: 'Mobile', displayName: 'Mobile', width: 166.67, visible: true }, { field: '', displayName: '', width: 166.67, cellTemplate: ' Edit ' }, { field: '', displayName: '', width: 166.67, cellTemplate: ' Delete ' } ];   //To retrieve the data $scope.GetAllData = function () { $http({ method: "get", url: "/Home/GetAllEmployee" }).then(function (response) { $scope.employees = response.data; }, function () { alert("Error Occur"); }) };     Thanks in advance

Puneet Kankar · Answer

refer below link     http://www.codescratcher.com/angularjs/custom-filters-and-ng-repeat-in-angularjs/