es-grid-template
Version:
es-grid-template
71 lines (69 loc) • 2.38 kB
JavaScript
// import type { Person } from "../makeData";
import TableFooterCell from "./TableFooterCell";
import React from "react";
// import type { Person } from "../../tanstack-table/makeData";
// import TableHeadCell from "./TableHeadCell";
const TableFooterRow = ({
table,
// columnVirtualizer,
headerGroup,
virtualPaddingLeft,
virtualPaddingRight,
fixedLeftColumns,
fixedRightColumns,
// virtualColumns,
columnVirtualizer
}) => {
const virtualColumns = columnVirtualizer.getVirtualItems();
return /*#__PURE__*/React.createElement("tr", {
// data-index={headerGroup.id}
key: headerGroup.id,
style: {
display: "flex",
width: "100%",
borderTop: "1px solid #e0e0e0"
}
}, fixedLeftColumns.length > 0 ? fixedLeftColumns.map(column => {
return /*#__PURE__*/React.createElement(TableFooterCell, {
columnVirtualizer: columnVirtualizer,
key: column.id,
header: headerGroup.headers.find(h => h.column.id === column.id),
column: column
});
}) : null, virtualPaddingLeft ? /*#__PURE__*/React.createElement("td", {
className: "",
style: {
display: "flex",
width: virtualPaddingLeft
}
}) : null, virtualColumns.map(virtualColumn => {
const header = headerGroup.headers[virtualColumn.index];
const isFixed = table.getState().columnPinning.left?.includes(header.column.id) || table.getState().columnPinning.right?.includes(header.column.id);
// const isFixed = table.getState().columnPinning.left?.includes(header.column.id)
if (header && !isFixed) {
return /*#__PURE__*/React.createElement(TableFooterCell, {
key: header.id,
header: header,
column: virtualColumn,
columnVirtualizer: columnVirtualizer
});
}
return null;
}),
//fake empty column to the right for virtualization scroll padding
fixedRightColumns.length > 0 ? fixedRightColumns.map(column => /*#__PURE__*/React.createElement(TableFooterCell, {
key: column.id,
header: headerGroup.headers.find(h => h.column.id === column.id),
column: column
})) : null, virtualPaddingRight ?
/*#__PURE__*/
//fake empty column to the right for virtualization scroll padding
React.createElement("td", {
className: "",
style: {
display: "flex",
width: virtualPaddingRight
}
}) : null);
};
export default TableFooterRow;