Show entries
First Name
Last Name
City
State
John 0
Doe 0
New York 0
New York 0
John 1
Doe 1
New York 1
New York 1
John 2
Doe 2
New York 2
New York 2
John 3
Doe 3
New York 3
New York 3
John 4
Doe 4
New York 4
New York 4
John 5
Doe 5
New York 5
New York 5
John 6
Doe 6
New York 6
New York 6
John 7
Doe 7
New York 7
New York 7
John 8
Doe 8
New York 8
New York 8
John 9
Doe 9
New York 9
New York 9
John 10
Doe 10
New York 10
New York 10
John 11
Doe 11
New York 11
New York 11
John 12
Doe 12
New York 12
New York 12
John 13
Doe 13
New York 13
New York 13
John 14
Doe 14
New York 14
New York 14
John 15
Doe 15
New York 15
New York 15
John 16
Doe 16
New York 16
New York 16
John 17
Doe 17
New York 17
New York 17
John 18
Doe 18
New York 18
New York 18
John 19
Doe 19
New York 19
New York 19
John 20
Doe 20
New York 20
New York 20
John 21
Doe 21
New York 21
New York 21
John 22
Doe 22
New York 22
New York 22
John 23
Doe 23
New York 23
New York 23
John 24
Doe 24
New York 24
New York 24
Page 1 of 2 - Showing 25 of 50 records
<!DOCTYPE html>
<html ng-app="example">
<head>
<title>ngReactGrid Basic Example</title>
<link rel="stylesheet" type="text/css" href="css/ngReactGrid.css">
</head>
<body>
<div ng-controller="BasicExampleController" style="width: 100%">
<ng-react-grid grid="grid"></ng-react-grid>
</div>
<!-- Your JS Sources -->
<script src="js/angular.min.js" type="text/javascript" ></script>
<script src="js/react-0.10.0.js" type="text/javascript" ></script>
<script src="js/ngReactGrid.min.js" type="text/javascript" ></script>
<script type="text/javascript">
angular.module("example", ['ngReactGrid'])
.controller("BasicExampleController", function($scope) {
var employees = [];
for(var i = 0; i < 49; i++)
employees.push({
firstName: "John " + i,
lastName: "Doe " + i,
city: "New York " + i,
state: "New York " + i
});
$scope.grid = {
data: employees,
columnDefs: [
{
field: "firstName",
displayName: "First Name",
width: "50%"
},
{
field: "lastName",
displayName: "Last Name",
width: "25%"
},
{
field: "city",
displayName: "City",
width: "25%"
},
{
field: "state",
displayName: "State"
}],
horizontalScroll: true
};
});
</script>
</body>
</html>
view raw example_horizontalScroll.html hosted with ❤ by GitHub