Javascript/AngularJS :Reading a CSV file and populating data grid on the page

Our requirement is reading a csv file and populating data grid dynamically on the page. We are using Yeoman to scaffold our project. We are facing thoses problems:

1. We installed angular-ui-grid using npm install -g angular-ui-grid But the base application itself did not start after installing angular-ui-grid.

2. Then we created a new application again using Yeoman and tried to display data with the static grid.

   /** Code inside controller**/ Reading file using FileReader returning the r.readAsArrayBuffer(f); Storing in the $rootScope passing to another controller which will parse data and split based on the ("\n") to get the header row then split again based on (",") for the detail row. Then add the values to an array . Then return the array lines.push(tarr); return back to scope data.

In my html file :

I am just doing ng-repeat for each x in the data
ng-repeat y in x {{y}}

But the data displays as a single long column (1 column with all data seperated by -) instead of 2 rows with appropriate n columns (in our case based on csv we need to get 10 rows with 10 columns)

My questions are:

1. What is the entry in the css file we would need to give for that division
2. Has it got to do with the versions of the angular components we are using? I am using [email protected]
3. How to correctly connect all the dependencies in a package with the appropriate versions it supports?