JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" type="text/css" media="screen" href="http://w2ui.com/web/js/w2ui-1.3a.min.css" />
<script type="text/javascript" src="http://w2ui.com/web/js/jquery.min.js"></script>
<script type="text/javascript" src="http://w2ui.com/web/js/w2ui-1.3a.min.js"></script>

Generate: 
<input type="button" value="25K Records" onclick="generate(25)">
<input type="button" value="250K Records" onclick="generate(250)">
<input type="button" value="1MIL Records" onclick="generate(1000)">
    
<div id="grid" style="width: 600px; height: 568px;"></div>
<div id="log" style="padding-top: 10px"></div>

JavaScript

window.generate = function generate(count) {
console.log('scrool')
	$('#grid').w2grid({ 
		name	: 'grid', 
		header	: 'List of Names',
		show	: { footer: true, toolbar: true },
		columns: [	
			{ field: 'personid', caption: 'ID', size: '50px', sortable: true, resizable: true, searchable: 'int' },
			{ field: 'fname', caption: 'First Name', size: '150px', sortable: true, resizable: true, searchable: true },
			{ field: 'lname', caption: 'Last Name', size: '150px', sortable: true, resizable: true, searchable: true },
			{ field: 'email', caption: 'Email', size: '150px', resizable: true, sortable: true }
		]
	});
	// generate
	var fname = ['Vitali', '~Katsia', '!John', 'Peter', '#Sue', '$Olivia', '<Thomas', '>Sergei', 'Snehal', 'Avinash', 'Divia'];
	var lname = ['Peterson', 'Rene', 'Johnson-Petrov-Sannikov-Ivanov-Smirnov', 'Cuban', 'Twist', 'Sidorov', 'Vasiliev', 'Yadav', 'Vaishnav'];
	// add records
    w2ui['grid'].records = [];
	for (var i = 0; i < count * 1000; i++) {
		w2ui['grid'].records.push({ 
			recid : i+1,
			personid: i+1,
			fname: fname[Math.floor(Math.random() * fname.length)], 
			lname: lname[Math.floor(Math.random() * lname.length)],
			email: '[email protected]', sdate: '1/1/2013', manager: '--'
		});
	}
	w2ui.grid.buffered = w2ui.grid.records.length;
	w2ui.grid.total = w2ui.grid.buffered;
	$('#log').html(w2ui.grid.refresh());
}

$(function() { 
console.log('called')
generate(25); 
});