bootstrap-based-components
Version:
A Bootstrap based package with React components
15 lines (14 loc) • 1.37 kB
JavaScript
import React from 'react';
import { Table } from 'react-bootstrap';
import { StandardCard } from '..';
import './style.scss';
function DataGridCard(_a) {
var header = _a.header, img = _a.img, title = _a.title, footer = _a.footer, columnConfig = _a.columnConfig, dataSource = _a.dataSource, className = _a.className, children = _a.children, onClick = _a.onClick;
return (React.createElement(StandardCard, { header: header, footer: footer, title: title, img: img, className: "data-grid-card " + (className !== null && className !== void 0 ? className : '') },
children,
React.createElement(Table, { striped: true, borderless: true, hover: true },
React.createElement("thead", null,
React.createElement("tr", null, columnConfig.map(function (column, index) { return (React.createElement("th", { key: index, className: "table-header identifier-" + column.key }, column.name)); }))),
React.createElement("tbody", null, dataSource.map(function (data, index) { return (React.createElement("tr", { key: index, className: onClick ? 'clickable' : undefined, onClick: onClick ? function (e) { return onClick(e, data); } : undefined }, columnConfig.map(function (config, i) { return React.createElement("td", { key: config.key + "-" + i }, data[config.key]); }))); })))));
}
export default DataGridCard;