Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

...

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

Status
colourRed
titleneed check
검색바만 사용하고 싶은 경우 설정 없음

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

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

...

Status
colourRed
titleasis
옵션명 변경 필요

...

Status
colourRed
titleneed check

  • Show Search{ON/OFF}

    • Status
      colourYellow
      titlenew
      Use Search Bar{ON/OFF}

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

    • Status
      colourYellow
      titlenew
      Use Filter/Sorter{ON/OFF}

      • {ON}일 경우에만 Search Type 옵션 출력

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

        • Status
          colourYellow
          titlenew
          Search Timing = {Realtime Search, Button Search}

Status
colourRed
titletobe
[Search Type] (
Status
colourRed
titleasis
*Search Type = {Filter, Form} )

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

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

...

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

...

Status
colourRed
titleTBD
사용자에게 드래그 기능 사용 가능함을 알리는 힌트 아이콘 필요

List Order Edit Function

A타입 : 드래그로 다중칸 이동 가능

B타입 : 한칸씩만 이동 가능

Status
colourPurple
titleAnt
https://ant.design/components/table/#components-table-demo-drag-sorting-handler

...

BackOffice Builder의 TableList > Setting > [Option] 설정을 통해 테이블 리스트 유형과 스타일을 변경한다.

<셋팅 화면 정리중> /wiki/spaces/~438538633/pages/1584758785

Create

기본 테이블 리스트를 생성한 뒤, 옵션 설정으로 원하는 유형을 만들 수 있다.

...

Status
colourRed
titleneed check
테이블 내에 사용 할 버튼이 필요하다면, Extra Buttons을 ON으로 설정한다.

...