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

Read-only grid

If you don't want to give your user edit-permissions, set most allow-options to false. You'll end up with a high-performance read-only data table, where values can only be selected and copied, but not edited.

Keep in mind that this disables user-based actions, such as dragging and keyboard controls. Any action that is disallowed will also exclude the belonging item from the Context Menu.

You can however still trigger DataGridXL methods, like grid.copy(). These are not prevented, even if the corresponding allow-option is set to false.

Code

<style>
#grid {
	height: 400px;
}
</style>

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

<script src="https://code.datagridxl.com/datagridxl.js"></script>
<script>
var grid = new DataGridXL("grid", {
	data: DataGridXL.createDummyData(5000,10),
	// disallow drag actions
	allowRowInsert: false,
	allowRowDelete: false,
	allowRowMove: false,
	allowColInsert: false,
	allowColDelete: false,
	allowColMove: false,
	allowCellFill: false,
	allowCellEdit: false,
	// disallow clipboard
	allowCut: false,
	allowPaste: false,
	// still allow copy & col resize (default)
	allowColResize: true,
	allowCopy: true,
	// other options
	undoableColResize: false
});
</script>

edit

Leave email to receive latest updates!