react-virtualized

1열

1답변

페이지에 섹션으로 문서를 표시하기위한 작업 가상 스크롤 그리드가 있습니다. 나는 이제 검색 결과를 위해 다른 RV를 추가했는데, 어떤 이유로 스크롤을하면 내용이 보이지 않게 스크롤됩니다 !! 미리 정해진 높이의 목록을 사용하고 잠재적 요인을 제거하기 위해 그것을 단순화하려고 시도했지만 여전히 이상한 버그를 줬습니다. 코드 자체는 예상대로 작동하며, 작동중인

3열

1답변

반응 가상화 목록에서 동적 행 높이를 설정하는 방법은 무엇입니까?

StackOverflow에 대한 많은 답을 찾아 보았습니다. 나는 또한 List document here, react-virtualized/List을 보았다. 하지만 여전히 동적으로 행 높이를 설정하는 방법을 이해할 수 없습니다 반응 가상화 목록. 신장을 계산하는 방법 rowHeight 기능은? rowHeight={({ index }) => this.com

0열

1답변

React virtualized - Listing의 맨 아래에 채우기

목록 끝에 패딩 하단을 추가 할 수있는 방법이 있는지 궁금합니다. 맨 아래에 목록 위에 재료로 떠 다니는 버튼이 있기 때문에 필요합니다. 따라서 사용자가 목록의 끝으로 이동하면 해당 패딩은 마지막 항목을 저장하여 버튼에서 덮어 씁니다.

0열

1답변

React Virtualized : 동일한 고정 높이이지만 너비가 다른 셀을 가진 컬렉션

React Virtualized의 Collection 구성 요소를 사용하여 문제를 해결할 수 있다면 약간 혼란 스럽습니다. 내가하고있는 일을 설명하려고 노력할 것이다. 두 개의 목록/항목 모음을 표시하기 위해 React Virtualized를 사용하고 있습니다. 가 첫 번째 컬렉션 꽤 정직하고 쉽게 구현할 수 있었다 : 나는 같은 폭과 높이를 가진 항목이있

0열

1답변

div가 아닌 다른 요소를 렌더링하기 위해 외부 요소 (LIST) 가져 오기

목록 (또는 RV의 다른 구성 요소)이 UL> LI 목록 또는 구체적으로 React Bootstraps ListGroup처럼 렌더링되도록 할 수 있습니까? 현재 외부 요소 (LIST)에서 DIV 이외의 것을 렌더링하는 옵션을 볼 수 없습니다. 그래서 실제로 각 행은 ListGroupItem (예 : BS 클래스가 적용된 li)이어야하며 컨테이너는 ListG

1열

1답변

반응 가상화 된 목록 내에서 접을 수있는 패널 사용

을 렌더링하여 react-bootstrap Panels 배열을 전달했습니다. 각 행을 측정하고 자식 콜백을 통해 자식 패널 중 하나를 클릭 할 때마다 부모 상태의 특성이 업데이트됩니다. 이 속성은 해당 패널이 현재 확장되어 있는지 여부를 확인하기 위해 react-virtualized ListrowHeight() 함수 내부에서 사용됩니다. 그런 다음 내 Li

0열

1답변

새로운 폭 및 columnCount로 다시 렌더링 할 때 반응 가상화 된 컬렉션을 업데이트하는 방법은 무엇입니까?

내 반응 성분에 대해 cellSizeAndPositionGetter 및 render 함수가 있습니다. 화면 크기를 조정해도 내 화면 레이아웃은 바뀌지 않지만 width 및 state.columnCount (cellSizeAndPositionGetter에 의해 사용됨)이 변경되고 있음을 콘솔을 통해 확인할 수 있습니다. 다음에 Collection 업데이트를

0열

2답변

데이터 테이블 예

나는 간단한 데이터 테이블을 구현하기 위해 시도하고 반응-가상화 . 내가 여기에서 놓친 다른 것이 있니? 데이터 배열을 구성 요소에 어떻게 가져 옵니까? 나는 또한 더없이 this.props에 this.context 링크 된 TableExample에서 {목록}의 모든 선언을 변경하려고했습니다 render() { const list = fromJS(

7열

1답변

반응 가상화 자동 싸이클에서 Material-UI ListItem을 마무리하는 방법

Material-UI List 및 ListItem 구성 요소를 사용하고있었습니다. 특히, 중첩 된 항목 기능을 사용하고있었습니다. http://www.material-ui.com/#/components/list 중첩 목록에있는 페이지의 절반 아래쪽을 참조하십시오. 요점은 material-ui가 들여 쓰기와 같은 '중첩'문제와 확장/계약 화살표를 처리한다는

2열

1답변

반응 가상화 및 반응 맞춤 스크롤바 통합

반응 가상화를 사용하여 사용자 정의 스크롤바 (반응 사용자 정의 스크롤바 사용 : https://github.com/malte-wessel/react-custom-scrollbars)를 그리드 구성 요소에 통합하려고합니다. 나는이 github 문제 (https://github.com/bvaughn/react-virtualized/issues/143)에서 지