devaccel-data-grid
Version:
Dynamic table library.
24 lines • 1.07 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Header_1 = tslib_1.__importDefault(require("./Header"));
var DataHeader = function (props) {
var defaultStyle = {
fontWeight: 'bold',
color: '111111',
display: 'flex',
flexDirection: 'row',
};
var StickyStyle = {
position: 'sticky',
top: 0,
zIndex: 100,
};
var content = (react_1.default.createElement("div", { className: 'grid-header', style: defaultStyle }, props.columnOptionsList
.filter(function (option) { return !option.isHidden; })
.map(function (option) { return (react_1.default.createElement(Header_1.default, { key: "header_".concat(option.field), options: option })); })));
return props.stickyHeaders ? (react_1.default.createElement("div", { className: 'sticky-wrapper', style: StickyStyle }, content)) : (content);
};
exports.default = DataHeader;
//# sourceMappingURL=DataHeader.js.map