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

Multiple instances

Multiple Data Grids

You can easily put more than a single DataGridXL instance on your web pages. You can copy cells from one instance and paste them in the other.

Code

<style>
.grid {
	height: 320px;
	margin-bottom: 42px;
}
</style>

<div class="grid" id="grid1"></div>
<div class="grid" id="grid2"></div>
<div class="grid" id="grid3"></div>
<div class="grid" id="grid4"></div>

<script src="https://code.datagridxl.com/datagridxl.js"></script>
<script>
for(var i = 0; i < 4; i++){

	window["grid"+i] = new DataGridXL("grid" + (i+1), {
	  data: DataGridXL.createDummyData(50,10)
	});

}


</script>

edit

Leave email to receive latest updates!