jsdevkr / axui-datagrid Goto Github PK
View Code? Open in Web Editor NEW:octocat: DataGrid, DataSheet for React
Home Page: https://axui-datagrid.jsdev.kr
License: MIT License
:octocat: DataGrid, DataSheet for React
Home Page: https://axui-datagrid.jsdev.kr
License: MIT License
안녕하세요? 좋은 컴포넌트를 오픈소스로 공개해주셔서 감사합니다.
태블릿에서 사용할 웹 페이지를 만들고 있는데
터치 이벤트 처리를 어떻게 해야 하는지 궁금합니다.
감사합니다.
김용기 드림.
첫 레코드 - Enable,Disable 여부
이전 페이지 - Enable,Disable 여부
이전 레코드 - Enable,Disable 여부
다음 레코드 - Enable,Disable 여부
다음 페이지 - Enable,Disable 여부
마지막 레코드 - Enable,Disable 여부
아이콘이 활성화/비활성화 되었으면 합니다
그리드에서 마우스를 스크롤하면 마지막 레코드까지 스크롤이 된 이후에 HTML 페이징 스크롤로 넘어가는데,
그리드내에 포커스가 있다면 스크롤은 그리드 스크롤만 동작하는게 어떨까 생각이 듭니다.
스프레드시트 화면 resizing을 할 때, 현재는 height와 width의 버튼이 한정적이기 때문에, 스크롤 바 형태로 만들어서 그 크기를 max값과 min값을 두고 점점 커지면 그에 따라 자동으로 화면도 커지고 점점 작아지면 자동으로 화면도 작아지게 만드는건 어떨까요?
스프레드 시트의 한 칼럼을 선택하였을 때 구성 요소들의 목록 창이 출력되는데 그 요소들이 현재는 정렬되어 있지 않아 정렬하여서 사용자가 특정 조건의 값을 출력하고 싶을 때 용이하면 좋을 것 같습니다.
If useVerticalScroll is False then gridHeight is decide by Length of data
AutoFit 이라면 커럼의 오른쪽를 더블클릭하면 BestFit을 하는 기능이 있었으면 좋겠습니다.
레코드를 선택할 때 ROW NUM을 드래그 하면 레코드가 선택되었으면 좋겠습니다.
지금은 한개만 선택됩니다.
지금은 드래그 기능 없이 Shift + Click으로 다중 선택이 되고 있군요.
행과 열을 고정시키는 부분에서 드롭다운 리스트가 5 row 5 column 까지만 있는데 행과 열 수만큼 드롭다운 리스트에 추가하는 것이 좋을 것 같습니다. 그리고 원하는 행과 열을 골라서 그 부분만 고정되도록 하는것은 어떻습니까?
axisj 부터 잘 사용해오고 있는 개발자 입니다.
이번에 리엑트를 사용하면서 데이터그리드를 사용하게 되었습니다.
혹시나 지금 이 기능이 있는것인데 제가 못찾아서 사용하지 못하는건지..
아니면 아직 구현이 안되어 있는지 궁금해서 질문올립니다.
수고하세요.
여기 참조
this.setState({
scrollTop: scrollTop,
selectionRows: {
[focusRow]: true
},
focusedRow: focusRow
});
selectionRows 와 focusRow를 넣어주어야 합니다.
@aeei 이 코드를 구현하려다.. 혜미가 가능하다면 한번 이 부분을 짜보는건 어떨까 하는 생각이 들어서. 타이핑을 멈추었어. 한번 도전해 보지 않겠오?
11월말 까진 이 부분 코드를 진행하지 않으려 해.
{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
헤더 크기 resizing 시 바뀔 헤더 위치를 미리 보이는 기능을 실 데이터 부분도 추가하는 건 어떨까요?
앞에 글에서 추가되었으면 하는 기능을 천천히 추가해주신다고 해서 적어봅니다.
계속 사용하며 업데이트 해보겠습니다.
수고하세요.
formatter: function({ value }: IDataGrid.IFormatterData) {
return (
<span
dangerouslySetInnerHTML={(() => ({
__html: value,
}))()}
/>
);
},
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.