HTML テーブルの並べ替え: ステップバイステップ ガイド

Question

私は HTML の専門家ではありません。私はマイクロコントローラーをプログラムして、接線を開始しました。

マイクロコントローラーのレジスター、レジスター・アドレス、およびレジスターの説明の表を表示する HTML ドキュメントを作成しました。 3 列、約 120 行のテーブルを作成しました。一部のレジスタ アドレスは、アドレスが 0 または 8 で終わる場合、ビット アドレス指定可能です。

これらの「特別な」レジスタ アドレスを赤で表示して強調したいと思います。そこで、レジスタアドレスが 0 または 8 で終わる表のセルでは、アドレス値を "" と "" で囲みます。

私のテーブルには、レジスタ、アドレス、説明の 3 つの列があります。その場合、行は

のようになります。

「ACC 0xE0 アキュムレータ」。

テーブルをすべて完成させたので、見栄えがよくなりました。そこで、テーブルを任意の列でソートできるようにしたいと思いつきました。たとえば、「住所」をクリックするとテーブルが再表示され、その列の値で並べ替えられるようにしたいとします。

検索して方法を見つけました。仕組みは、[並べ替え] ボタンがあることです。これをクリックすると、最初の列の値の並べ替えが再表示されます。私はその単純なバージョンを実装し、動作するようにしました。次に、「並べ替え」ボタンをクリックしたときに 2 番目の列を並べ替えるように変更しました。

これは正確には機能しません...とにかくこれらすべての「」のせいで。

私が彼からコピーした例:

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sort_table

この方法を使用するためにできる「簡単な」ことはありますか? ただし、[アドレス] 列の一部のエントリが赤く表示されます。

マイクロコントローラーのプログラミングに専念するべきかもしれませんが、私は挑戦するのが好きです。

Answer 1

選択した列を並べ替えるサンプル コード、
これは 無料です...

リーリー リーリー リーリー

昇順および降順の並べ替えの例:

リーリー リーリー リーリー