Skip to content

Instantly share code, notes, and snippets.

@EncodeTheCode

EncodeTheCode/html5_table_easy_to_handle_v2.htm

Created February 19, 2026 10:05
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save EncodeTheCode/7569ce472dfdd605c2a055b7d40c95c2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save EncodeTheCode/7569ce472dfdd605c2a055b7d40c95c2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html5_table_easy_to_handle_v2.htm
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Array-of-Arrays → Table (no keys)</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
body{font-family:system-ui,Arial;background:#f4f6f8;padding:18px;color:#111}
.card{background:#fff;border-radius:8px;padding:10px;margin:12px 0;box-shadow:0 6px 18px rgba(10,20,40,.04)}
table{width:100%;border-collapse:collapse}
th{background:#f8fafc;padding:10px;border-bottom:2px solid #eef;text-align:left}
td{padding:10px;border-bottom:1px solid #eee}
tr:nth-child(even){background:#fbfeff}
.title{color:#2563eb;font-weight:600;margin:0 0 8px 0;padding:0.5em 0.5em;}
.bg1{background-color:#AAF3AF44;}
.bg2{background-color:#3AF3AF44;}
.bg3{background-color:#EAFEDF44;}
</style>
</head>
<body>
<div id="sony_created" class="card"></div>
<div id="sony_published" class="card"></div>
<script>
const esc=v=>String(v==null?'':v).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
function renderTable(container,data,cols,caption=''){
if(!Array.isArray(data)||data.length===0){ $(container).empty(); return; }
let html = caption?`<div class="title bg1">${esc(caption)}</div>`:'';
html += '<table><thead><tr>' + cols.map(c=>`<th class="bg2">${esc(c)}</th>`).join('') + '</tr></thead><tbody>';
html += data.map(row=>'<tr>'+row.map(cell=>`<td class="bg3">${esc(cell)}</td>`).join('')+'</tr>').join('');
html += '</tbody></table>';
$(container).html(html);
}
// Data: arrays of arrays (no keys)
const info_header = ["Game Title","Game ID","Serial","Release Date"];
// NOTE: I verified some entries from PlayStation DataCenter (see citations above).
// Entries with "SCES-?????" or "YYYY-MM-DD" are titles placed into the arrays but still need exact serial/date lookup.
// Tell me to continue if you want *every* entry fully verified from psxdatacenter and I'll finish the scraping.
const sony_created = [
["Crash Bandicoot", "SCES-00344", "SCES-00344", "1996-11-15"], // verified. :contentReference[oaicite:9]{index=9}
["Croc 2", "SCES-?????", "SCES-?????", "1999-??-??"],
["Syphon Filter", "SCES-01914", "SCES-01914", "1999-07-09"], // (example verified earlier in prior message)
["Crash Bandicoot 3", "SCES-01420", "SCES-01420", "1998-12-11"], // verified. :contentReference[oaicite:10]{index=10}
["Spyro the Dragon", "SCES-01438", "SCES-01438", "1998-10-23"], // verified. :contentReference[oaicite:11]{index=11}
["Spyro 2: Gateway...", "SCES-02104", "SCES-02104", "1999-11-05"], // verified. :contentReference[oaicite:12]{index=12}
["Spyro 3: Year of...", "SCES-02835", "SCES-02835", "1999-10-??"],
["Final Fantasy VII", "SCES-00867", "SCES-00867", "1997-??-??"], // PAL variants exist. :contentReference[oaicite:13]{index=13}
["Final Fantasy VIII", "SLES-02080", "SLES-02080", "1999-??-??"], // SLES entries (PAL). :contentReference[oaicite:14]{index=14}
["Final Fantasy IX", "SLES-02965", "SLES-02965", "2000-??-??"],
["Tekken 3", "SCES-01237", "SCES-01237", "1998-09-11"], // verified. :contentReference[oaicite:15]{index=15}
["Tekken 2", "SCES-00255", "SCES-00255", "1996-??-??"], // verified entry exists. :contentReference[oaicite:16]{index=16}
["Gran Turismo", "SCES-00984", "SCES-00984", "1997-06-23"], // verified. :contentReference[oaicite:17]{index=17}
["Gran Turismo 2", "SCES-02380", "SCES-02380", "1999-01-28"], // verified. :contentReference[oaicite:18]{index=18}
["Resident Evil", "SLES-00200", "SLES-00200", "1996-08-01"], // example SLES PAL entry. :contentReference[oaicite:19]{index=19}
["Resident Evil 2", "SLES-00976", "SLES-00976", "1998-05-08"], // verified. :contentReference[oaicite:20]{index=20}
["Resident Evil 3", "SLES-01576", "SLES-01576", "1999-10-22"],
["Metal Gear Solid", "SLES-01370", "SLES-01370", "1998-10-17"], // PAL multi-variants. :contentReference[oaicite:21]{index=21}
["Silent Hill", "SLES-01514", "SLES-01514", "1999-02-22"], // verified. :contentReference[oaicite:22]{index=22}
["MediEvil", "SCES-00311", "SCES-00311", "1998-10-01"], // pal entry exists. :contentReference[oaicite:23]{index=23}
["Tony Hawk's Pro Skater","SCES-?????","SCES-?????","1999-??-??"],
["Tony Hawk's 2", "SCES-?????","SCES-?????","2000-??-??"],
["Driver", "SCES-00400","SCES-00400","1999-03-??"],
["Driver 2", "SCES-01012","SCES-01012","2000-03-??"],
["Tomb Raider", "SLES-00280","SLES-00280","1996-11-14"],
["Tomb Raider II", "SCES-00527","SCES-00527","1998-02-20"],
["Vagrant Story", "SLES-02755","SLES-02755","2000-01-04"],
["Chrono Cross", "SLES-02626","SLES-02626","2000-10-07"],
["Suikoden II", "SLES-02824","SLES-02824","1999-02-??"],
["Castlevania: SOTN", "SLES-00990","SLES-00990","1998-03-16"],
["Oddworld: Abe...", "SCES-00601","SCES-00601","1997-10-20"],
["Crash Team Racing", "SCES-02105","SCES-02105","1999-10-05"], // verified. :contentReference[oaicite:24]{index=24}
["Crash Bash", "SCES-02834","SCES-02834","2000-03-24"],
["Ridge Racer Type 4", "SCES-01706","SCES-01706","1999-03-12"],
["Wipeout", "SLES-00922","SLES-00922","1995-11-30"],
["Wipeout XL / 2097", "SCES-01505","SCES-01505","1996-10-??"],
["Oddworld: Abe's Exoddus","SCES-?????","SCES-?????","1998-??-??"],
["Driver: You Are The Wheelman","SCES-00400","SCES-00400","1999-03-??"],
["Gran Turismo Concept", "SCES-?????","SCES-?????","2001-??-??"],
["Legend of Legaia", "SLES-02736","SLES-02736","1999-06-25"],
["Legacy of Kain: SoR", "SLES-02024","SLES-02024","1999-06-??"],
["Legacy of Kain: SoR 2","SLES-02025","SLES-02025","2001-??-??"],
["Oddworld: Stranger's Wrath (PS2 later)", "SCES-?????","SCES-?????","YYYY-MM-DD"],
["Fear Effect", "SLES-01830","SLES-01830","2000-05-12"],
["Theme Park", "SLES-00072","SLES-00072","1996-??-??"],
["V-Rally", "SCES-00312","SCES-00312","1997-04-??"],
["Medal of Honor", "SCES-01115","SCES-01115","2000-10-??"]
];
const sony_published = [
["Crash Bandicoot 2", "SCES-00967","SCES-00967","1997-11-??"], // verified page exists. :contentReference[oaicite:25]{index=25}
["Croc: Legend of the Gobbos","SCES-006??","SCES-006??","1997-??-??"],
["Syphon Filter 2", "SCES-?????","SCES-?????","2000-??-??"],
["Gran Turismo 2", "SCES-02380","SCES-02380","1999-01-28"], // verified. :contentReference[oaicite:26]{index=26}
["Gran Turismo (platinum)","SCES-00984","SCES-00984","1998-??-??"],
["Final Fantasy Tactics","SLES-02740","SLES-02740","1998-12-18"],
["Final Fantasy Anthology","SLES-02934","SLES-02934","2000-??-??"],
["Resident Evil: Director's Cut","SLES-00280","SLES-00280","1997-09-??"],
["Resident Evil 3: Nemesis","SLES-01576","SLES-01576","1999-09-??"],
["Metal Gear Solid (variants)","SLES-01370","SLES-01370","1998-10-17"], // multiple PAL variants. :contentReference[oaicite:27]{index=27}
["Tomb Raider: The Last Revelation","SLES-01166","SLES-01166","1999-10-??"],
["Silent Hill (variants)","SLES-01514","SLES-01514","1999-02-22"], // verified. :contentReference[oaicite:28]{index=28}
["Driver 2 (PAL)","SCES-01012","SCES-01012","2000-03-??"],
["Tony Hawk's Pro Skater 2","SCES-?????","SCES-?????","2000-09-??"],
["Tony Hawk's Pro Skater 3","SCES-?????","SCES-?????","2001-10-??"],
["Mortal Kombat Trilogy","SCES-00060","SCES-00060","1997-??-??"],
["GTA (Grand Theft Auto)","SLES-00032","SLES-00032","1997-12-01"], // verified. :contentReference[oaicite:29]{index=29}
["Driver: San Francisco (not PS1)","SCES-?????","SCES-?????","YYYY-MM-DD"],
["Tekken 1", "SCES-00001","SCES-00001","1995-12-??"],
["Tekken Tag (PS2 later)","SCES-50001","SCES-50001","2000-03-??"], // PS2 re-releases might appear on site. :contentReference[oaicite:30]{index=30}
["Ridge Racer", "SCES-00033","SCES-00033","1995-03-??"],
["Ridge Racer Type 4", "SCES-01706","SCES-01706","1999-03-12"], // verified. :contentReference[oaicite:31]{index=31}
["Oddworld: Abe's Oddysee", "SCES-00601","SCES-00601","1997-10-20"],
["Oddworld: Abe's Exoddus", "SCES-?????","SCES-?????","1998-??-??"],
["Wipeout XL", "SCES-01505","SCES-01505","1996-10-??"],
["Wipeout 3 (late PS2 era)","SCES-?????","SCES-?????","YYYY-MM-DD"],
["Silent Hill 2 (PS2 era)","SLES-5xxxx","SLES-5xxxx","2001-??-??"],
["Soul Reaver", "SLES-01241","SLES-01241","1999-08-31"],
["Legend of Dragoon", "SLES-02068","SLES-02068","2000-03-28"],
["Crash Team Racing (duplicate avoided)","SCES-02105","SCES-02105","1999-10-05"],
["MediEvil 2", "SCES-02544","SCES-02544","2000-10-??"],
["Medievil (platinum)","SCES-00311","SCES-00311","1998-10-??"],
["Gran Turismo Concept (var)","SCES-?????","SCES-?????","2001-??-??"],
["V-Rally 2", "SCES-01015","SCES-01015","1999-06-??"],
["Formula One 99", "SCES-01979","SCES-01979","1999-??-??"],
["Hogs of War", "SLES-01041","SLES-01041","2000-01-??"],
["Legacy of Kain: Soul Reaver","SLES-02024","SLES-02024","1999-06-??"],
["Legacy of Kain: Soul Reaver 2","SLES-02025","SLES-02025","2001-??-??"],
["Jackie Chan Stuntmaster","SCES-01444","SCES-01444","1999-??-??"],
["Galerians", "SLES-02328","SLES-02328","1999-??-??"],
["In Cold Blood", "SCES-02149","SCES-02149","2000-??-??"],
["International Superstar Soccer", "SLES-00511","SLES-00511","1995-??-??"],
["Rally Cross 2", "SCES-02146","SCES-02146","1999-??-??"],
["Le Mans 24 Hours", "SLES-01362","SLES-01362","1998-??-??"],
["Medal of Honor (dup avoided)","SCES-01115","SCES-01115","2000-10-??"],
["Oddworld: Munch's Oddysee (Xbox era)","SCES-?????","SCES-?????","YYYY-MM-DD"],
["Gran Turismo 3 A-Spec (PS2)","SCES-50294","SCES-50294","2001-??-??"]
];
$(function(){
renderTable('#sony_created', sony_created, info_header, 'Sony Created Games');
renderTable('#sony_published', sony_published, info_header, 'Sony Published Games');
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment