react-virtualized

0열

1답변

몇 가지 긴 열 머리글이 포함 된반응 가상화를 사용하며 줄임표로 끝내기보다는 열 머리글을 줄 바꿈하기를 원합니다. 누구나 이런 일이 일어나는 것을 압니까? 참고로 는 여기에 몇 가지 예제 코드입니다 : 당신이 볼 수 있듯이 makeTable = <AutoSizer> {({ width, height }) => ( <Table ref={thi

2열

1답변

반응 가상화 테이블에 아무런 행이 표시되지 않습니다.

사용자 정의 행 렌더러가있는 반응 가상화 테이블 (AutoSizer 내의 InfiniteLoader 내부)에 문제가 있습니다. 헤더 행은 렌더링되지만 데이터 행은 렌더링되지 않습니다. rowRenderer 또는 rowGetter도 모든 행에 호출되지 않습니다. 데이터가 있는지 확인했습니다 (this.props.requests). 무엇이 누락 되었습니까? 아

0열

2답변

전체 너비를 채울 테이블 열을 렌더링합니다.

창 1000px 너비를 상상해보십시오. 네 개의 텍스트 열이 100 픽셀 너비입니다. 전체 너비를 채우기 위해 열을 250 픽셀로 늘리려합니다. 저는 AutoSizer와 MultiGrid를 사용하고 있습니다.

0열

1답변

React-Virtualized : CellRender가 다음 행으로 넘어갑니다.

React-virtualized Table을 사용하여 앱을 만듭니다. 각 행에 사용자 정의 셀 렌더링을 추가했습니다. Label과 같거나 일부 Img. 모든 것이 잘 작동하지만 이상한 행동이 있습니다. 하나의 셀 안에 간단한 드롭 다운을 추가하여 사용자가 일부 값을 선택할 수 있도록했습니다. 사실, 내 드롭 다운은 다음 행 아래로 렌더링됩니다. 클릭 후 드

1열

1답변

InfiniteLoader를 재설정/초기화하는 올바른 방법은 무엇입니까

react-virtualize 라이브러리의 InfiniteLoader을 사용하여 목록 입력란을 필터링하는 데 사용되는 textSearch 입력 필드가있는 스크롤 가능한 목록을 표시하려고합니다. 내가 사용하는 코드는 InfiniteLoader Sample Code과 매우 비슷합니다. 목록이 정상적으로 작동하지만 searchText이 변경되어 (완전히) 새 데

3열

1답변

반응 가상화 및 새 CellMeasurer를 사용하는 동적 행 높이

저는 Autosizer, List 및 CellMeasurer 구성 요소와 함께 반응 가상화 9를 사용하고 있습니다. 목록 데이터가 변경되면 행 높이를 업데이트해야합니다. 버전 9에서 React Fiber를 지원하기위한 변경 이후 CellMeasurer에 대한 유일한 공개 메소드는 이제 measure()입니다. 대부분의 예제는 이전 resetMeasureme

2열

1답변

실제 가상화 된 InfiniteLoader가 아무 것도 렌더링하지 않음

제목에서 알 수 있듯이 InfiniteLoader는 항목을 렌더링하지 않습니다. 모든 것이 제대로 설정되어 있고 컬렉션에 렌더링 할 항목이 많지만 페이지에 아무것도 표시되지 않습니다. render() { const rows = this.state.rows const rowsCount = this.state.hasNextPage ? rows

1열

1답변

가상화 테이블 사용자 정의 rowRenderer 상태에 대응

고유 한 상태의 테이블에 사용자 정의 행을 만들려고합니다. 불행히도 Table 구성 요소의 rowRenderer 속성은 Proptypes.func이어야하며 lifecycle 메서드에 액세스 할 수있는 전체 반응 구성 요소가 아니며 state이어야합니다. 여기에는 이유가 있습니까, 아니면 각 행에 대해 상태 저장 구성 요소를 가질 수있는 대체 방법이 있습니까

3열

1답변

반응 가상화의 행 선택

반응 가상화의 설명서는 행 선택이 처리되는 방법에 대해 명확하지 않습니다. 내가 필요로 : 트랙을 선택한 행 하이라이트 선택한 행 행을 선택 쿼리 (나는 그것의 데이터를 얻기 위해 신경)이 나타납니다 가 할 수있는 방법이 있음 행 클릭 이벤트를 처리하고 행별로 스타일 클래스를 변경하십시오. 이 매개 변수를 기반으로 내 선택 추적을 롤업해야한다고 가정합니다.

1열

2답변

React-virtualized 드롭 다운 메뉴가 overflow : hidden으로 인해 잘립니다.

내 테이블에 대해 react-virtualized를 사용하고 있습니다. 내 셀에있는 버튼을 클릭하면 드롭 다운 메뉴가 표시됩니다. 문제는 내 드롭 다운 메뉴가 테이블의 행 높이에 의해 표시되지 않습니다. 함께 = {40} rowHeight를 함께 rowHeight를 = {200} I는 CSS 위치로 해왔다 . 그러나 지금까지 아무 것도 작용하지 않았습니다.