@revolist/revogrid
Version:
Virtual reactive data grid spreadsheet component - RevoGrid.
18 lines (17 loc) • 693 B
JavaScript
/*!
* Built by Revolist OU ❤️
*/
import { h } from "@stencil/core";
import { DATA_ROW } from "../../utils/consts";
export const PADDING_DEPTH = 10;
const RowRenderer = ({ rowClass, index, size, start, depth, groupingLevel }, cells) => {
const props = Object.assign({ [DATA_ROW]: index }, (typeof groupingLevel === 'number'
? { 'data-level': groupingLevel }
: {}));
return (h("div", Object.assign({}, props, { class: `rgRow ${rowClass || ''}`, style: {
height: `${size}px`,
transform: `translateY(${start}px)`,
paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,
} }), cells));
};
export default RowRenderer;