@adaptabletools/adaptable
Version:
Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
14 lines (13 loc) • 878 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import Panel from '../../../components/Panel';
import { Flex, Box } from '../../../components/Flex';
export class PanelWithRow extends React.Component {
render() {
const headerItems = this.props.colItems.map((colItem, index) => (_jsx(Box, { className: "twa:font-bold twa:text-3 twa:px-1", style: {
flex: colItem.Size,
}, children: colItem.Content }, colItem.key || colItem.Content || index)));
const header = (_jsx(Flex, { alignItems: "center", className: "twa:w-full", children: headerItems }));
return (_jsx("div", { style: this.props.style, className: this.props.className, children: _jsx(Panel, { bodyScroll: true, header: header, border: this.props.border, bodyProps: this.props.bodyProps, children: this.props.children }) }));
}
}