@vlsergey/react-bootstrap-pagetable/lib/esm/filterable/ColumnHeaderRowWithFilter.js

Complex solution to work with pageable data, including sorting, filtering, actions, changing displayed columns, etc.

import React from 'react';
import DefaultColumnHeaderRow from '../controlled/DefaultColumnHeaderRow';
import useVisibleFields from '../controlled/visibleFields/useVisibleFields';
import FieldFilterCell from './FieldFilterCell';
function ColumnHeaderRowWithFilter() {
    var visibleFields = useVisibleFields();
    return React.createElement(React.Fragment, null,
        React.createElement(DefaultColumnHeaderRow, null),
        React.createElement("tr", null, visibleFields.map(function (field) {
            return React.createElement(FieldFilterCell, { field: field, key: field.key });
        })));
}
export default React.memo(ColumnHeaderRowWithFilter);