You're looking at DataGridXL v1. Click here to go to the latest version.

Object Data

Array Of Objects

DataGridXL handles arrays of objects (JSON style) out-of-the-box. When using array of objects, object field names are automatically used as column headers.

Read more in docs: Passing Data.


#grid {
	height: 400px;

<div id="grid"></div>

<script src=""></script>
var data = [
	// ...

var grid = new DataGridXL("grid", {
	data: data


Leave email to receive latest updates!