pagedtablejs
Version:
JavaScript data table for Data Science
30 lines • 1.82 kB
HTML
<html>
<head>
<script type="text/javascript" src="../js/pagedtable.js"></script>
</head>
<body>
<div data-pagedtable style="width: 30%; margin: 100px auto auto auto;">
<script data-pagedtable-source type="application/json">
{
"data": [
{ "sticker": "r6", "html_column": "<img width=50 src='https://github.com/rstudio/hex-stickers/raw/master/PNG/R6.png'/>", "blah blah": "blah blah", "blah blah1": "blah blah", "blah blah2": "blah blah", "blah blah3": "blah blah", "blah blah4": "blah blah" },
{ "sticker": "rstudio", "html_column": "<img width=50 src='https://github.com/rstudio/hex-stickers/raw/master/PNG/RStudio.png'/>", "blah blah": "blah blah", "blah blah1": "blah blah", "blah blah2": "blah blah", "blah blah3": "blah blah", "blah blah4": "blah blah"},
{ "sticker": "bookdown", "html_column": "<img width=100 src='https://github.com/rstudio/hex-stickers/raw/master/PNG/bookdown.png'/>", "blah blah": "blah blah", "blah blah1": "blah blah", "blah blah2": "blah blah", "blah blah3": "blah blah", "blah blah4": "blah blah"},
{ "sticker": "Nah dog", "html_column": "This isnt HTML", "blah blah": "bloo bloo", "blah blah1": "bloo bloo", "blah blah2": "bloo bloo", "blah blah3": "bloo bloo", "blah blah4": "bloo bloo"},
{ "sticker": "borked html", "html_column": "a < b", "blah blah": "bloo bloo", "blah blah1": "bloo bloo", "blah blah2": "bloo bloo", "blah blah3": "bloo bloo", "blah blah4": "bloo bloo"}
],
"columns": [
{"name": "html_column", "html": true, "type": "character"}
],
"options": {
"rows" : {
"min" : 10,
"max" : 10
}
}
}
</script>
</div>
</body>
</html>