jsdevkr / axui-datagrid Goto Github PK

안녕하세요? 좋은 컴포넌트를 오픈소스로 공개해주셔서 감사합니다.

태블릿에서 사용할 웹 페이지를 만들고 있는데
터치 이벤트 처리를 어떻게 해야 하는지 궁금합니다.

감사합니다.
김용기 드림.

그리드에서 마우스를 스크롤하면 마지막 레코드까지 스크롤이 된 이후에 HTML 페이징 스크롤로 넘어가는데,
그리드내에 포커스가 있다면 스크롤은 그리드 스크롤만 동작하는게 어떨까 생각이 듭니다.

https://github.com/ax6ui/ax-datagrid/blob/ee67c234f7bac5151fa66be944e5ec769cddee25/src/component/GridRoot.js#L545

@aeei 이 코드를 구현하려다.. 혜미가 가능하다면 한번 이 부분을 짜보는건 어떨까 하는 생각이 들어서. 타이핑을 멈추었어. 한번 도전해 보지 않겠오?

11월말 까진 이 부분 코드를 진행하지 않으려 해.

헤더 크기 resizing 시 바뀔 헤더 위치를 미리 보이는 기능을 실 데이터 부분도 추가하는 건 어떨까요?

그리드 왼쪽 하단의 네비게이션의 힌트를 추가해 주세요

첫 레코드,이전 페이지,이전 레코드,다음 레코드, 다음 페이지, 마지막 레코드

현재를 필요 없는 데이터를 선택하도록 필터링을 할 수 있는데
보통 사용할 때는 필터링을 할 데이터를 찾기 때문에 아래의 이미지처럼 모두 체크되지 않는 상태가 기본이 되면 어떨까 생각해 봅니다.

첫 레코드 - Enable,Disable 여부
이전 페이지 - Enable,Disable 여부
이전 레코드 - Enable,Disable 여부
다음 레코드 - Enable,Disable 여부
다음 페이지 - Enable,Disable 여부
마지막 레코드 - Enable,Disable 여부

아이콘이 활성화/비활성화 되었으면 합니다

행과 열을 고정시키는 부분에서 드롭다운 리스트가 5 row 5 column 까지만 있는데 행과 열 수만큼 드롭다운 리스트에 추가하는 것이 좋을 것 같습니다. 그리고 원하는 행과 열을 골라서 그 부분만 고정되도록 하는것은 어떻습니까?

아래의 이미지처럼 선택을 하면 레코드 전체 선택이 되는데요, 마우스를 올리면 "모든 레코드 선택"이라고 힌트가 나왔으면 의미를 더 잘 이해할 수 있을 것 같습니다.

레코드를 선택할 때 ROW NUM을 드래그 하면 레코드가 선택되었으면 좋겠습니다.
지금은 한개만 선택됩니다.

지금은 드래그 기능 없이 Shift + Click으로 다중 선택이 되고 있군요.

{key:"amount”, label:”금액”, width:90, align:"right", formatter: "money"},

위와 같이 column 에 align 을 주면 잘작동합니다.

하지만

header option 에 align: ‘center’ 를 줘도 작동하지를 않습니다.

이 column 에 right 를 준탓인지 header 도 오른쪽으로 정렬되어있습니다.

컬럼에 align 값이 있으면 header의 align 값이 적용이 안되는것인지 궁금합니다.

수고하세요.

이부분을 넣었을 때 HTMLDIV 부분에 Callback이 안된다고 합니다..
1f2ee27#diff-1f8f9ff5dc7ef5373a572c8d34a56428R124

스프레드 시트의 한 칼럼을 선택하였을 때 구성 요소들의 목록 창이 출력되는데 그 요소들이 현재는 정렬되어 있지 않아 정렬하여서 사용자가 특정 조건의 값을 출력하고 싶을 때 용이하면 좋을 것 같습니다.

앞에 글에서 추가되었으면 하는 기능을 천천히 추가해주신다고 해서 적어봅니다.

1. row 별 css class 적용
2. excel export 관련 기능
3. grid 안에 button 삽입
4. 하단 페이징 관련 기능

계속 사용하며 업데이트 해보겠습니다.

수고하세요.

https://github.com/ax6ui/ax-datagrid/blob/88a9415698333e6eb9e1314b97d71c0591719457/src/GridRoot.tsx#L878

여기 참조

        this.setState({
          scrollTop: scrollTop,
          selectionRows: {
            [focusRow]: true
          },
          focusedRow: focusRow
        });

selectionRows 와 focusRow를 넣어주어야 합니다.

AutoFit 이라면 커럼의 오른쪽를 더블클릭하면 BestFit을 하는 기능이 있었으면 좋겠습니다.

• sort & filter 조건 패널 추가하고 적용

If useVerticalScroll is False then gridHeight is decide by Length of data

axisj 부터 잘 사용해오고 있는 개발자 입니다.

이번에 리엑트를 사용하면서 데이터그리드를 사용하게 되었습니다.

혹시나 지금 이 기능이 있는것인데 제가 못찾아서 사용하지 못하는건지..
아니면 아직 구현이 안되어 있는지 궁금해서 질문올립니다.

• row 별 css 클래스 적용 ( background color 를 변경하기 위한 )

수고하세요.

스프레드시트 화면 resizing을 할 때, 현재는 height와 width의 버튼이 한정적이기 때문에, 스크롤 바 형태로 만들어서 그 크기를 max값과 min값을 두고 점점 커지면 그에 따라 자동으로 화면도 커지고 점점 작아지면 자동으로 화면도 작아지게 만드는건 어떨까요?