es-grid-template/es/table-component/footer/TableFooterRow.js

es-grid-template

import TableFooterCell from "./TableFooterCell";
import React from "react";
import { TableContext } from "../useContext";
const TableFooterRow = ({
  table,
  headerGroup
}) => {
  const visibleColumns = table.getVisibleLeafColumns();
  const {
    onRowFooterStyles
  } = React.useContext(TableContext);
  const rowStyles = typeof onRowFooterStyles === 'function' ? onRowFooterStyles() : onRowFooterStyles;
  return /*#__PURE__*/React.createElement("div", {
    key: headerGroup.id,
    style: {
      ...rowStyles,
      display: "grid",
      width: "100%",
      height: 37,
      gridTemplateColumns: `${table.getVisibleLeafColumns().map(n => `${n.getSize()}fr`).join(" ")}`
    },
    className: "ui-rc-grid-footer-row"
  }, visibleColumns.map(header => {
    return /*#__PURE__*/React.createElement(TableFooterCell, {
      key: header.id,
      column: header
    });
  }));
};
export default TableFooterRow;