몸짓을 위해 Elm에서 필터 정렬 기능이있는 테이블을 작성했습니다.

리포지토리는 zaneli-sandbox/elm-showcase .



관리 화면적인 녀석으로 자주 있는 느낌의 저것.
헤더에 filtable , sortable 을 지정 하는 것으로, 필터 대상·소트 대상의 항목을 지정할 수 있게 했다.

요건으로는

수치·문자열이 혼재하는 경우가 있어, 그래도 잘 정렬할 수 있도록 한다.

표시되고 있는 값과 소트 대상의 값이 일치하지 않는 경우가 있다 (「 n%(追加情報) 」라고 표시하지만 소트는 n 의 수치 소트, 등).

같은 곳.

이것을 실현하기 위해서, 각 테이블 셀은 아이템 형태로 표현해,
List.sortWith 에서 고뇨고뇨 하게 했다.
이 구현에서는 문자열 및 숫자 Order 가 정해져 버리고 있지만
세세하게 제어하고 싶으면 둘 다 보기

각 셀에 인덱스 액세스하기 위해 Array를 사용하여 여러 필터 조건을 유지하기 위해 Dict문서 읽는 한 필요 최소한의 함수를 제공한 단순한 것이라고 하는 인상.
좀 더 신경 쓰이는 것이 사용하고 싶다면 Array.Extra 당 이용을 검토하거나 그런 느낌일까.
개인적으로는 표준의 것만으로 충분해 보였다.
zaneli-sandbox/elm-showcase 리포지토리에는 이번 필터 정렬 기능이 있는 테이블 이외에도
연습대 용도로 약간의 것을 추가해 나가려고 한다.