How to use terra-table - 10 common examples

To help you get started, we’ve selected a few terra-table examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github cerner / terra-core / packages / terra-table / src / terra-dev-site / doc / guides / SectionWithSubsection2.jsx View on Github external
    this.setState(state => ({ collapsedKeys: Utils.updatedMultiSelectedKeys(state.collapsedKeys, metaData.key) }));
  }
github cerner / terra-core / packages / terra-table / src / terra-dev-site / doc / guides / MultiSelectTable.jsx View on Github external
    this.setState(state => ({ selectedKeys: Utils.updatedMultiSelectedKeys(state.selectedKeys, metaData.key) }));
  }
github cerner / terra-core / packages / terra-table / src / terra-dev-site / doc / guides / SectionWithSubsection1.jsx View on Github external
    this.setState(state => ({ collapsedKeys: Utils.updatedMultiSelectedKeys(state.collapsedKeys, metaData.key) }));
  }
github cerner / terra-core / packages / terra-table / src / terra-dev-site / doc / guides / SectionTable.jsx View on Github external
    this.setState(state => ({ collapsedKeys: Utils.updatedMultiSelectedKeys(state.collapsedKeys, metaData.key) }));
  }
github cerner / terra-core / packages / terra-table / src / terra-dev-site / doc / guides / CheckMarkTable.jsx View on Github external
const handleRowCheckAction = (event, metaData) => {
    event.preventDefault();

    const newKeys = Utils.toggleArrayValue(checkedKeys, metaData.key);
    const isMax = newKeys.length === rowCount;
    setAllChecked(allChecked ? !isMax : isMax);
    setCheckedKeys(isMax ? [] : newKeys);
  };
github cerner / terra-core / packages / terra-table / src / terra-dev-site / doc / guides / SectionTable.jsx View on Github external
const handleSectionToggle = (event, metaData) => {
    event.preventDefault();
    setCollapsedKeys(Utils.toggleArrayValue(collapsedKeys, metaData.key));
  };
github cerner / terra-core / packages / terra-table / src / terra-dev-site / doc / guides / MultiSelectTable.jsx View on Github external
const handleRowToggle = (event, metaData) => {
    event.preventDefault();
    setSelectedKeys(Utils.toggleArrayValue(selectedKeys, metaData.key));
  };
github cerner / terra-core / packages / terra-table / src / terra-dev-site / doc / guides / MultiSelectTable.jsx View on Github external
createTableRow(rowData) {
    return (
      = 0}
        metaData={{ key: rowData.key }}
        onSelect={this.handleRowSelection}
      >
        {createCellsForRow(rowData.cells)}
      
    );
  }
github cerner / terra-framework / packages / terra-infinite-table / src / InfiniteTable.jsx View on Github external
{rowContent}
          
        
        {newChildren}
      
    );
  }
}

InfiniteTable.propTypes = propTypes;
InfiniteTable.defaultProps = defaultProps;
InfiniteTable.Rows = Table.Rows;
InfiniteTable.Header = Table.Header;
InfiniteTable.HeaderCell = Table.HeaderCell;
InfiniteTable.Row = Table.Row;
InfiniteTable.Cell = Table.Cell;
InfiniteTable.Subheader = Table.Subheader;

export default InfiniteTable;
github cerner / terra-framework / packages / terra-infinite-table / src / InfiniteTable.jsx View on Github external
{hiddenHeader}
          
            {rowContent}
          <table>
        </table>
        {newChildren}
      
    );
  }
}

InfiniteTable.propTypes = propTypes;
InfiniteTable.defaultProps = defaultProps;
InfiniteTable.Rows = Table.Rows;
InfiniteTable.Header = Table.Header;
InfiniteTable.HeaderCell = Table.HeaderCell;
InfiniteTable.Row = Table.Row;
InfiniteTable.Cell = Table.Cell;
InfiniteTable.Subheader = Table.Subheader;

export default InfiniteTable;