Page Comparison

...

검색 테이블은 기본적으로 Search Bar를 제공한다.

Filter와 Sorter 기능은 2가지 타입으로 선택하여 사용 가능하다.

[1] Filter and Sorter : 테이블 Column Header에서 바로 Sort/Filter 기능 사용

...

...

• Show Search{ON/OFF}

  • Status
    colour Yellow title new

    Use Search Bar{ON/OFF}

    • {ON}일 경우에만 Enable Search Fields 목록 출력

  • Status
    colour Yellow title new

    Use Filter/Sorter{ON/OFF}

    • {ON}일 경우에만 필터/솔팅 Search Type 옵션 출력

      • {Form Filter}일 경우에만 Enable Search Form Fields 목록 출력

옵션명 제안 1번 [Filter/Sorter Place]

...

• • • • Status
        colour Yellow title new

        Search Timing = {Realtime Search, Button Search}

Status
colour Red title tobe

[Search Type] (

Status
colour Red title asis

*Search Type = {Filter, Form} )

- Filter/Sorter: 테이블 내의 Column Header에서 바로 필터/쏠팅 Table Outside 사용 가능

- Form Filter: 테이블 상단에 Form(?) 형태로 필터 /쏠팅 사용

옵션명 제안 2번 [Filter/Sorter Type]

Table : 테이블 Column Header에서 바로 필터/쏠팅

Form : 테이블 상단에 Form(?) 형태로 필터/쏠팅 사용 사용

Status
colour Yellow title new

[Search Timing] (

Status
colour Red title asis

Enable Search Form Button )

- Realtime Search : 필터 선택과 동시에 실시간으로 테이블에 결과 출력

- Button Search : 필터 설정 후 [필터적용] 버튼을 클릭할 경우 테이블에 결과 출력

3. Draggable Table

드래그 정렬 기능을 제공하는 테이블이다. Drag&Drop으로 Row데이터 위치를 변경하면, OrderNo 또한 함께 변경된다. 단, 드래그 테이블은 Search, Pagination 기능과 함께 사용 할 수 없다.

...

List Order Edit Function
A타입 : 드래그로 다중칸 이동 가능	B타입 : 한칸씩만 이동 가능

...

...