| 1 | import React from 'react';
|
| 2 | import { Cell } from 'fixed-data-table-2';
|
| 3 | import PropTypes from 'prop-types';
|
| 4 |
|
| 5 | export const HeaderCell = ({cellData, ...props}) => {
|
| 6 | const content = cellData.main;
|
| 7 |
|
| 8 | const style = {
|
| 9 | whiteSpace: 'nowrap',
|
| 10 | overflow: 'hidden',
|
| 11 | textOverflow: 'ellipsis',
|
| 12 | textAlign: 'left',
|
| 13 | padding: '0 5px',
|
| 14 | };
|
| 15 |
|
| 16 | return (
|
| 17 | <Cell {...props}>
|
| 18 | <div style={style} title={content}>{content} </div>
|
| 19 | </Cell>
|
| 20 | );
|
| 21 | };
|
| 22 |
|
| 23 | HeaderCell.propTypes = {
|
| 24 | columnKey: PropTypes.string.isRequired,
|
| 25 | cellData: PropTypes.object.isRequired,
|
| 26 | height: PropTypes.number.isRequired,
|
| 27 | width: PropTypes.number.isRequired,
|
| 28 | };
|