react-fluid-table
Version:
A React table inspired by @tanstack/react-virtual
1 lines • 1.04 kB
CSS
.rft{contain:strict;display:grid;grid-template-rows:auto 1fr auto;overflow:auto}.rft-header{display:grid;left:0;position:sticky;top:0;z-index:1}.rft-header-row{display:flex}.rft-body{display:grid;position:relative;width:100%}.rft-row{display:flex;flex-wrap:wrap}.rft-end,.rft-row{position:absolute;width:100%}.rft-cell,.rft-header-cell{box-sizing:border-box;display:flex;padding:.5rem}.rft-cell.frozen,.rft-header-cell.frozen{position:sticky;z-index:1}.rft-header-cell{align-items:baseline}.rft-header-cell-text{overflow:hidden;text-overflow:ellipsis}.rft-header-cell-arrow{border-left:5px solid transparent;border-right:5px solid transparent;height:0;margin-left:.25rem;width:0}.rft-header-cell-arrow.asc{border-bottom:10px solid #7d7d7d}.rft-header-cell-arrow.desc{border-top:10px solid #7d7d7d}.rft-cell{align-items:center;overflow:hidden;position:relative}.rft-expander{cursor:pointer;height:1em;width:1em}.rft-footer,.rft-sub-component{width:100%}.rft-footer.sticky{bottom:0;left:0;position:sticky;z-index:1}.rft-hidden{display:none}