Il modo più semplice per creare un file HTML statico con una tabella ordinabile e filtrabile?

Non puoi. Hai bisogno di una delle tre cose per cambiare semanticamente la struttura HTML

• JavaScript, gestori di eventi e manipolazione dom
• Moduli, server e postback per modificare la pagina e inviarne una nuova
• Hackery CSS, cose come rimodellare il CSS in base allo stato: active o manipolare le caselle di controllo: stato controllato.

In teoria è possibile implementarlo solo con HTML e CSS, ma questo diventerà un incubo.

Perché non aggiungi semplicemente un link a un documento di google con una tabella ordinabile, nella tua email.

Naturalmente usare JavaScript per implementare una tabella ordinabile non è difficile.

table.addEventListener("click", function (ev) {
  if (ev.target.tagName === "th") {
    sortTable(ev.target);
  }
});

form.addEventListener("change", function (ev) {
  applyFilters(ev);
});

Implementa solo sortTable e applyFilters

Controlla questo in Toolbox Javascript di Matt Kruse .

Inoltre puoi trovare DHX DHTMLX molto utile.

Usa XML non HTML, XML è pensato per contenere i dati, HTML è pensato per creare una pagina web. L'uso di XML consente inoltre di utilizzare XSLT per manipolare i dati memorizzati. Anche se, a seconda della definizione di una grande quantità di dati, è meglio consentire l'accesso a un database con le informazioni o importare le informazioni nel database alla loro estremità.

Puoi ottenerlo facilmente usando il seguente,
HTML e amp; CSS - Presentazione,
Java Script / jQuery - Logica,
XML - Dati grezzi dell'utente,
Dato che hai chiesto le fonti aperte, ti suggerisco questo Clicca qui che ha documentazione e fonte per entrambe le funzionalità di filtro e ordinamento.

Codifica felice,
Cheers,
Arun