render() /*object*/ {
var style = {
width: this.props.width,
height: this.props.height,
zIndex: (this.props.zIndex ? this.props.zIndex : 0),
};
FixedDataTableTranslateDOMPosition(style, 0, this.props.offsetTop, this._initialRender);
return (
<div
style={style}
className={cx('fixedDataTableRowLayout/rowWrapper')}>
<FixedDataTableRowImpl
{...this.props}
offsetTop={undefined}
zIndex={undefined}
/>
</div>
);
}
},
render() /*object*/ {
var outerContainerStyle = {
height: Scrollbar.SIZE,
width: this.props.size,
};
var innerContainerStyle = {
height: Scrollbar.SIZE,
position: 'absolute',
overflow: 'hidden',
width: this.props.size,
};
FixedDataTableTranslateDOMPosition(
innerContainerStyle,
0,
this.props.offset,
this._initialRender,
);
return (
<div
className={joinClasses(
cx('fixedDataTableLayout/horizontalScrollbar'),
cx('public/fixedDataTable/horizontalScrollbar'),
)}
style={outerContainerStyle}>
<div style={innerContainerStyle}>
<Scrollbar
{...this.props}
isOpaque={true}
orientation="horizontal"
'public/fixedDataTable/hasBottomBorder': hasBottomBorder,
})
)}
/>;
}
var firstRowPosition = props.rowPositionGetter(props.firstRowIndex);
var style = {
position: 'absolute',
pointerEvents: props.isScrolling ? 'none' : 'auto',
};
FixedDataTableTranslateDOMPosition(
style,
0,
props.firstRowOffset - firstRowPosition + props.offsetTop,
this._initialRender,
);
return <div style={style}>{this._staticRowArray}</div>;
},
_getRowHeight(/*number*/ index) /*number*/ {
return this.props.rowHeightGetter ?
this.props.rowHeightGetter(index) :
this.props.defaultRowHeight;
},
});
module.exports = FixedDataTableBufferedRows;
'ScrollbarLayout/faceHorizontal': isHorizontal,
'ScrollbarLayout/faceVertical': isVertical,
'public/Scrollbar/faceActive': isActive,
'public/Scrollbar/face': true,
});
var position = this.state.position * this.state.scale + FACE_MARGIN;
if (isHorizontal) {
mainStyle = {
width: size,
};
faceStyle = {
width: faceSize - FACE_MARGIN_2
};
FixedDataTableTranslateDOMPosition(faceStyle, position, 0, this._initialRender);
} else {
mainStyle = {
top: verticalTop,
height: size,
};
faceStyle = {
height: faceSize - FACE_MARGIN_2,
};
FixedDataTableTranslateDOMPosition(faceStyle, 0, position, this._initialRender);
}
mainStyle.zIndex = this.props.zIndex;
if (this.props.trackColor === 'gray') {
mainStyle.backgroundColor = cssVar('fbui-desktop-background-light');
componentWillMount() {
this._initialRender = true;
},
componentDidMount() {
this._initialRender = false;
},
render() /*object*/ {
var style = {
width: this.props.width,
height: this.props.height,
zIndex: (this.props.zIndex ? this.props.zIndex : 0),
};
FixedDataTableTranslateDOMPosition(style, 0, this.props.offsetTop, this._initialRender);
return (
<div
style={style}
className={cx('fixedDataTableRowLayout/rowWrapper')}>
<FixedDataTableRowImpl
{...this.props}
offsetTop={undefined}
zIndex={undefined}
/>
</div>
);
},
});
columnProps,
currentPosition,
key,
contentWidth,
isColumnReordering
);
}
currentPosition += columnProps.width;
}
var style = {
height: props.height,
position: 'absolute',
width: contentWidth,
zIndex: props.zIndex,
};
FixedDataTableTranslateDOMPosition(style, -1 * DIR_SIGN * props.left, 0, this._initialRender);
return (
<div
className={cx('fixedDataTableCellGroupLayout/cellGroup')}
style={style}>
{cells}
</div>
);
},
_renderCell(
/*number*/ rowIndex,
/*number*/ height,
/*object*/ columnProps,
/*number*/ left,