HTML 테이블 정렬: 단계별 가이드

Question

저는 HTML 전문가가 아닙니다. 나는 마이크로 컨트롤러를 프로그래밍하고 접선을 시작했습니다.

마이크로컨트롤러 레지스터, 레지스터 주소, 레지스터 설명 테이블을 표시하는 HTML 문서를 만들었습니다. 3개의 열과 약 120개의 행으로 구성된 테이블을 만들었습니다. 일부 레지스터 주소는 비트 주소 지정이 가능합니다(주소가 0 또는 8로 끝나는 경우).

이 "특수" 레지스터 주소를 빨간색으로 표시하여 강조하고 싶습니다. 그래서 레지스터 주소가 0이나 8로 끝나는 테이블 셀에서는 ""와 ""를 사용하여 주소 값을 둘러쌉니다.

내 테이블에는 등록, 주소, 설명이라는 3개의 열이 있습니다. 그러면 다음과 같은 줄이 나타날 수 있습니다.

"ACC 0xE0 누산기".

테이블을 다 완성했는데 정말 멋져 보이네요. 그러다가 어떤 열에서든 테이블을 정렬할 수 있기를 원한다는 생각이 떠올랐습니다. 예를 들어, "주소"를 클릭하면 테이블이 다시 표시되고 해당 열의 값을 기준으로 정렬됩니다.

검색해서 방법을 찾았어요. 작동 방식은 "정렬" 버튼이 있다는 것입니다. 이를 클릭하면 첫 번째 열 값의 정렬이 다시 표시됩니다. 나는 그것의 간단한 버전을 구현하고 작동하게 만들었습니다. 그런 다음 "정렬" 버튼을 클릭하면 두 번째 열을 정렬하도록 변경했습니다.

이것은 정확히 작동하지 않습니다...어쨌든 그 모든 "" 때문에.

내가 그 사람에게서 복사한 예:

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

이 방법을 사용하기 위해 "간단"하게 할 수 있는 일이 있습니까? 하지만 여전히 "주소" 열의 일부 항목이 빨간색으로 표시됩니까?

저는 마이크로컨트롤러 프로그래밍을 계속해야 하지만 도전을 좋아합니다.

Answer 1

선택한 열을 정렬하는 샘플 코드,
무료...

으아아아 으아아아 으아아아

오름차순 및 내림차순 정렬 예:

으아아아 으아아아 으아아아