simple-datatables
Version:
A lightweight, dependency-free JavaScript HTML table plugin.
1,347 lines (1,343 loc) • 601 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="../../favicon.svg">
<title>Add 1000 rows without conversion - simple-datatables</title>
<!-- DataTable Styles -->
<link rel="stylesheet" href="../dist/css/style.css">
<!-- Demo Styles -->
<link rel="stylesheet" href="../demo.css">
<style>
#add {
margin: 0 10px;
}
</style>
</head>
<body>
<header>
<h1>
<a href="../../">simple-datatables</a>
</h1>
<a href="../../documentation">Documentation</a>
<a href="../">Demos</a>
</header>
<h2>Add 1000 rows without conversion (faster)</h2>
<button class="btn btn-primary" id="add">Add 1000 Rows</button>
<table id="demo-table"></table>
<script src="../dist/umd.js"></script>
<script>
const data = {
"headings": [
{
"data": "Name"
}, {
"data": "Ext."
}, {
"data": "City"
}, {
"data": "Start Date"
}, {
"data": "Completion"
}
],
"data": [
{
"cells": [
{
"data": "Unity Pugh"
}, {
"data": 9958,
"text": "9958"
}, {
"data": "Curicó"
}, {
"data": "2005/02/11"
}, {
"data": "37%"
}
]
},
{
"cells": [
{
"data": "Theodore Duran"
}, {
"data": 8971,
"text": "8971"
}, {
"data": "Dhanbad"
}, {
"data": "1999/04/07"
}, {
"data": "97%"
}
]
},
{
"cells": [
{
"data": "Kylie Bishop"
}, {
"data": 3147,
"text": "3147"
}, {
"data": "Norman"
}, {
"data": "2005/09/08"
}, {
"data": "63%"
}
]
},
{
"cells": [
{
"data": "Willow Gilliam"
}, {
"data": 3497,
"text": "3497"
}, {
"data": "Amqui"
}, {
"data": "2009/29/11"
}, {
"data": "30%"
}
]
},
{
"cells": [
{
"data": "Blossom Dickerson"
}, {
"data": 5018,
"text": "5018"
}, {
"data": "Kempten"
}, {
"data": "2006/11/09"
}, {
"data": "17%"
}
]
},
{
"cells": [
{
"data": "Elliott Snyder"
}, {
"data": 3925,
"text": "3925"
}, {
"data": "Enines"
}, {
"data": "2006/03/08"
}, {
"data": "57%"
}
]
},
{
"cells": [
{
"data": "Castor Pugh"
}, {
"data": 9488,
"text": "9488"
}, {
"data": "Neath"
}, {
"data": "2014/23/12"
}, {
"data": "93%"
}
]
},
{
"cells": [
{
"data": "Pearl Carlson"
}, {
"data": 6231,
"text": "6231"
}, {
"data": "Cobourg"
}, {
"data": "2014/31/08"
}, {
"data": "100%"
}
]
},
{
"cells": [
{
"data": "Deirdre Bridges"
}, {
"data": 1579,
"text": "1579"
}, {
"data": "Eberswalde-Finow"
}, {
"data": "2014/26/08"
}, {
"data": "44%"
}
]
},
{
"cells": [
{
"data": "Daniel Baldwin"
}, {
"data": 6095,
"text": "6095"
}, {
"data": "Moircy"
}, {
"data": "2000/11/01"
}, {
"data": "33%"
}
]
},
{
"cells": [
{
"data": "Phelan Kane"
}, {
"data": 9519,
"text": "9519"
}, {
"data": "Germersheim"
}, {
"data": "1999/16/04"
}, {
"data": "77%"
}
]
},
{
"cells": [
{
"data": "Quentin Salas"
}, {
"data": 1339,
"text": "1339"
}, {
"data": "Los Andes"
}, {
"data": "2011/26/01"
}, {
"data": "49%"
}
]
},
{
"cells": [
{
"data": "Armand Suarez"
}, {
"data": 6583,
"text": "6583"
}, {
"data": "Funtua"
}, {
"data": "1999/06/11"
}, {
"data": "9%"
}
]
},
{
"cells": [
{
"data": "Gretchen Rogers"
}, {
"data": 5393,
"text": "5393"
}, {
"data": "Moxhe"
}, {
"data": "1998/26/10"
}, {
"data": "24%"
}
]
},
{
"cells": [
{
"data": "Harding Thompson"
}, {
"data": 2824,
"text": "2824"
}, {
"data": "Abeokuta"
}, {
"data": "2008/06/08"
}, {
"data": "10%"
}
]
},
{
"cells": [
{
"data": "Mira Rocha"
}, {
"data": 4393,
"text": "4393"
}, {
"data": "Port Harcourt"
}, {
"data": "2002/04/10"
}, {
"data": "14%"
}
]
},
{
"cells": [
{
"data": "Drew Phillips"
}, {
"data": 2931,
"text": "2931"
}, {
"data": "Goes"
}, {
"data": "2011/18/10"
}, {
"data": "58%"
}
]
},
{
"cells": [
{
"data": "Emerald Warner"
}, {
"data": 6205,
"text": "6205"
}, {
"data": "Chiavari"
}, {
"data": "2002/08/04"
}, {
"data": "58%"
}
]
},
{
"cells": [
{
"data": "Colin Burch"
}, {
"data": 7457,
"text": "7457"
}, {
"data": "Anamur"
}, {
"data": "2004/02/01"
}, {
"data": "34%"
}
]
},
{
"cells": [
{
"data": "Russell Haynes"
}, {
"data": 8916,
"text": "8916"
}, {
"data": "Frascati"
}, {
"data": "2015/28/04"
}, {
"data": "18%"
}
]
},
{
"cells": [
{
"data": "Brennan Brooks"
}, {
"data": 9011,
"text": "9011"
}, {
"data": "Olmué"
}, {
"data": "2000/18/04"
}, {
"data": "2%"
}
]
},
{
"cells": [
{
"data": "Kane Anthony"
}, {
"data": 8075,
"text": "8075"
}, {
"data": "LaSalle"
}, {
"data": "2006/21/05"
}, {
"data": "93%"
}
]
},
{
"cells": [
{
"data": "Scarlett Hurst"
}, {
"data": 1019,
"text": "1019"
}, {
"data": "Brampton"
}, {
"data": "2015/07/01"
}, {
"data": "94%"
}
]
},
{
"cells": [
{
"data": "James Scott"
}, {
"data": 3008,
"text": "3008"
}, {
"data": "Meux"
}, {
"data": "2007/30/05"
}, {
"data": "55%"
}
]
},
{
"cells": [
{
"data": "Desiree Ferguson"
}, {
"data": 9054,
"text": "9054"
}, {
"data": "Gojra"
}, {
"data": "2009/15/02"
}, {
"data": "81%"
}
]
},
{
"cells": [
{
"data": "Elaine Bishop"
}, {
"data": 9160,
"text": "9160"
}, {
"data": "Petrópolis"
}, {
"data": "2008/23/12"
}, {
"data": "48%"
}
]
},
{
"cells": [
{
"data": "Hilda Nelson"
}, {
"data": 6307,
"text": "6307"
}, {
"data": "Posina"
}, {
"data": "2004/23/05"
}, {
"data": "76%"
}
]
},
{
"cells": [
{
"data": "Evangeline Beasley"
}, {
"data": 3820,
"text": "3820"
}, {
"data": "Caplan"
}, {
"data": "2009/12/03"
}, {
"data": "62%"
}
]
},
{
"cells": [
{
"data": "Wyatt Riley"
}, {
"data": 5694,
"text": "5694"
}, {
"data": "Cavaion Veronese"
}, {
"data": "2012/19/02"
}, {
"data": "67%"
}
]
},
{
"cells": [
{
"data": "Wyatt Mccarthy"
}, {
"data": 3547,
"text": "3547"
}, {
"data": "Patan"
}, {
"data": "2014/23/06"
}, {
"data": "9%"
}
]
},
{
"cells": [
{
"data": "Cairo Rice"
}, {
"data": 6273,
"text": "6273"
}, {
"data": "Ostra Vetere"
}, {
"data": "2016/27/02"
}, {
"data": "13%"
}
]
},
{
"cells": [
{
"data": "Sylvia Peters"
}, {
"data": 6829,
"text": "6829"
}, {
"data": "Arrah"
}, {
"data": "2015/03/02"
}, {
"data": "13%"
}
]
},
{
"cells": [
{
"data": "Kasper Craig"
}, {
"data": 5515,
"text": "5515"
}, {
"data": "Firenze"
}, {
"data": "2015/26/04"
}, {
"data": "56%"
}
]
},
{
"cells": [
{
"data": "Leigh Ruiz"
}, {
"data": 5112,
"text": "5112"
}, {
"data": "Lac Ste. Anne"
}, {
"data": "2001/09/02"
}, {
"data": "28%"
}
]
},
{
"cells": [
{
"data": "Athena Aguirre"
}, {
"data": 5741,
"text": "5741"
}, {
"data": "Romeral"
}, {
"data": "2010/24/03"
}, {
"data": "15%"
}
]
},
{
"cells": [
{
"data": "Riley Nunez"
}, {
"data": 5533,
"text": "5533"
}, {
"data": "Sart-Eustache"
}, {
"data": "2003/26/02"
}, {
"data": "30%"
}
]
},
{
"cells": [
{
"data": "Lois Talley"
}, {
"data": 9393,
"text": "9393"
}, {
"data": "Dorchester"
}, {
"data": "2014/05/01"
}, {
"data": "51%"
}
]
},
{
"cells": [
{
"data": "Hop Bass"
}, {
"data": 1024,
"text": "1024"
}, {
"data": "Westerlo"
}, {
"data": "2012/25/09"
}, {
"data": "85%"
}
]
},
{
"cells": [
{
"data": "Kalia Diaz"
}, {
"data": 9184,
"text": "9184"
}, {
"data": "Ichalkaranji"
}, {
"data": "2013/26/06"
}, {
"data": "92%"
}
]
},
{
"cells": [
{
"data": "Maia Pate"
}, {
"data": 6682,
"text": "6682"
}, {
"data": "Louvain-la-Neuve"
}, {
"data": "2011/23/04"
}, {
"data": "50%"
}
]
},
{
"cells": [
{
"data": "Macaulay Pruitt"
}, {
"data": 4457,
"text": "4457"
}, {
"data": "Fraser-Fort George"
}, {
"data": "2015/03/08"
}, {
"data": "92%"
}
]
},
{
"cells": [
{
"data": "Danielle Oconnor"
}, {
"data": 9464,
"text": "9464"
}, {
"data": "Neuwied"
}, {
"data": "2001/05/10"
}, {
"data": "17%"
}
]
},
{
"cells": [
{
"data": "Kato Carr"
}, {
"data": 4842,
"text": "4842"
}, {
"data": "Faridabad"
}, {
"data": "2012/11/05"
}, {
"data": "96%"
}
]
},
{
"cells": [
{
"data": "Malachi Mejia"
}, {
"data": 7133,
"text": "7133"
}, {
"data": "Vorst"
}, {
"data": "2007/25/04"
}, {
"data": "26%"
}
]
},
{
"cells": [
{
"data": "Dominic Carver"
}, {
"data": 3476,
"text": "3476"
}, {
"data": "Pointe-aux-Trembles"
}, {
"data": "2014/14/03"
}, {
"data": "71%"
}
]
},
{
"cells": [
{
"data": "Paki Santos"
}, {
"data": 4424,
"text": "4424"
}, {
"data": "Cache Creek"
}, {
"data": "2001/18/11"
}, {
"data": "82%"
}
]
},
{
"cells": [
{
"data": "Ross Hodges"
}, {
"data": 1862,
"text": "1862"
}, {
"data": "Trazegnies"
}, {
"data": "2010/19/09"
}, {
"data": "87%"
}
]
},
{
"cells": [
{
"data": "Hilda Whitley"
}, {
"data": 3514,
"text": "3514"
}, {
"data": "New Sarepta"
}, {
"data": "2011/05/07"
}, {
"data": "94%"
}
]
},
{
"cells": [
{
"data": "Roth Cherry"
}, {
"data": 4006,
"text": "4006"
}, {
"data": "Flin Flon"
}, {
"data": "2008/02/09"
}, {
"data": "8%"
}
]
},
{
"cells": [
{
"data": "Lareina Jones"
}, {
"data": 8642,
"text": "8642"
}, {
"data": "East Linton"
}, {
"data": "2009/07/08"
}, {
"data": "21%"
}
]
},
{
"cells": [
{
"data": "Joshua Weiss"
}, {
"data": 2289,
"text": "2289"
}, {
"data": "Saint-Léonard"
}, {
"data": "2010/15/01"
}, {
"data": "52%"
}
]
},
{
"cells": [
{
"data": "Kiona Lowery"
}, {
"data": 5952,
"text": "5952"
}, {
"data": "Inuvik"
}, {
"data": "2002/17/12"
}, {
"data": "72%"
}
]
},
{
"cells": [
{
"data": "Nina Rush"
}, {
"data": 7567,
"text": "7567"
}, {
"data": "Bo‘lhe"
}, {
"data": "2008/27/01"
}, {
"data": "6%"
}
]
},
{
"cells": [
{
"data": "Palmer Parker"
}, {
"data": 2000,
"text": "2000"
}, {
"data": "Stade"
}, {
"data": "2012/24/07"
}, {
"data": "58%"
}
]
},
{
"cells": [
{
"data": "Vielka Olsen"
}, {
"data": 3745,
"text": "3745"
}, {
"data": "Vrasene"
}, {
"data": "2016/08/01"
}, {
"data": "70%"
}
]
},
{
"cells": [
{
"data": "Meghan Cunningham"
}, {
"data": 8604,
"text": "8604"
}, {
"data": "Söke"
}, {
"data": "2007/16/02"
}, {
"data": "59%"
}
]
},
{
"cells": [
{
"data": "Iola Shaw"
}, {
"data": 6447,
"text": "6447"
}, {
"data": "Albany"
}, {
"data": "2014/05/03"
}, {
"data": "88%"
}
]
},
{
"cells": [
{
"data": "Imelda Cole"
}, {
"data": 4564,
"text": "4564"
}, {
"data": "Haasdonk"
}, {
"data": "2007/16/11"
}, {
"data": "79%"
}
]
},
{
"cells": [
{
"data": "Jerry Beach"
}, {
"data": 6801,
"text": "6801"
}, {
"data": "Gattatico"
}, {
"data": "1999/07/07"
}, {
"data": "36%"
}
]
},
{
"cells": [
{
"data": "Garrett Rocha"
}, {
"data": 3938,
"text": "3938"
}, {
"data": "Gavorrano"
}, {
"data": "2000/06/08"
}, {
"data": "71%"
}
]
},
{
"cells": [
{
"data": "Derek Kerr"
}, {
"data": 1724,
"text": "1724"
}, {
"data": "Gualdo Cattaneo"
}, {
"data": "2014/21/01"
}, {
"data": "89%"
}
]
},
{
"cells": [
{
"data": "Shad Hudson"
}, {
"data": 5944,
"text": "5944"
}, {
"data": "Salamanca"
}, {
"data": "2014/10/12"
}, {
"data": "98%"
}
]
},
{
"cells": [
{
"data": "Daryl Ayers"
}, {
"data": 8276,
"text": "8276"
}, {
"data": "Barchi"
}, {
"data": "2012/12/11"
}, {
"data": "88%"
}
]
},
{
"cells": [
{
"data": "Caleb Livingston"
}, {
"data": 3094,
"text": "3094"
}, {
"data": "Fatehpur"
}, {
"data": "2014/13/02"
}, {
"data": "8%"
}
]
},
{
"cells": [
{
"data": "Sydney Meyer"
}, {
"data": 4576,
"text": "4576"
}, {
"data": "Neubrandenburg"
}, {
"data": "2015/06/02"
}, {
"data": "22%"
}
]
},
{
"cells": [
{
"data": "Lani Lawrence"
}, {
"data": 8501,
"text": "8501"
}, {
"data": "Turnhout"
}, {
"data": "2008/07/05"
}, {
"data": "16%"
}
]
},
{
"cells": [
{
"data": "Allegra Shepherd"
}, {
"data": 2576,
"text": "2576"
}, {
"data": "Meeuwen-Gruitrode"
}, {
"data": "2004/19/04"
}, {
"data": "41%"
}
]
},
{
"cells": [
{
"data": "Fallon Reyes"
}, {
"data": 3178,
"text": "3178"
}, {
"data": "Monceau-sur-Sambre"
}, {
"data": "2005/15/02"
}, {
"data": "16%"
}
]
},
{
"cells": [
{
"data": "Karen Whitley"
}, {
"data": 4357,
"text": "4357"
}, {
"data": "Sluis"
}, {
"data": "2003/02/05"
}, {
"data": "23%"
}
]
},
{
"cells": [
{
"data": "Stewart Stephenson"
}, {
"data": 5350,
"text": "5350"
}, {
"data": "Villa Faraldi"
}, {
"data": "2003/05/07"
}, {
"data": "65%"
}
]
},
{
"cells": [
{
"data": "Ursula Reynolds"
}, {
"data": 7544,
"text": "7544"
}, {
"data": "Southampton"
}, {
"data": "1999/16/12"
}, {
"data": "61%"
}
]
},
{
"cells": [
{
"data": "Adrienne Winters"
}, {
"data": 4425,
"text": "4425"
}, {
"data": "Laguna Blanca"
}, {
"data": "2014/15/09"
}, {
"data": "24%"
}
]
},
{
"cells": [
{
"data": "Francesca Brock"
}, {
"data": 1337,
"text": "1337"
}, {
"data": "Oban"
}, {
"data": "2000/12/06"
}, {
"data": "90%"
}
]
},
{
"cells": [
{
"data": "Ursa Davenport"
}, {
"data": 7629,
"text": "7629"
}, {
"data": "New Plymouth"
}, {
"data": "2013/27/06"
}, {
"data": "37%"
}
]
},
{
"cells": [
{
"data": "Mark Brock"
}, {
"data": 3310,
"text": "3310"
}, {
"data": "Veenendaal"
}, {
"data": "2006/08/09"
}, {
"data": "41%"
}
]
},
{
"cells": [
{
"data": "Dale Rush"
}, {
"data": 5050,
"text": "5050"
}, {
"data": "Chicoutimi"
}, {
"data": "2000/27/03"
}, {
"data": "2%"
}
]
},
{
"cells": [
{
"data": "Shellie Murphy"
}, {
"data": 3845,
"text": "3845"
}, {
"data": "Marlborough"
}, {
"data": "2013/13/11"
}, {
"data": "72%"
}
]
},
{
"cells": [
{
"data": "Porter Nicholson"
}, {
"data": 4539,
"text": "4539"
}, {
"data": "Bismil"
}, {
"data": "2012/22/10"
}, {
"data": "23%"
}
]
},
{
"cells": [
{
"data": "Oliver Huber"
}, {
"data": 1265,
"text": "1265"
}, {
"data": "Hann\x90che"
}, {
"data": "2002/11/01"
}, {
"data": "94%"
}
]
},
{
"cells": [
{
"data": "Calista Maynard"
}, {
"data": 3315,
"text": "3315"
}, {
"data": "Pozzuolo del Friuli"
}, {
"data": "2006/23/03"
}, {
"data": "5%"
}
]
},
{
"cells": [
{
"data": "Lois Vargas"
}, {
"data": 6825,
"text": "6825"
}, {
"data": "Cumberland"
}, {
"data": "1999/25/04"
}, {
"data": "50%"
}
]
},
{
"cells": [