Class Table

src/Table.js:13–234

requireCss('tables');

class Table extends Component {
  constructor (props) {
    super(props);
    this.state = {
      index: props.pagination ? props.pagination.props.index : 1,
      data: props.data,
      sort: {},
      total: null
    };

    this.onBodyScroll = this.onBodyScroll.bind(this);
  }

  componentDidMount () {
    this.setHeaderWidth();
  }

  componentWillReceiveProps (nextProps) {
    if (!deepEqual(nextProps.data, this.props.data)) {
      this.setState({ data: nextProps.data });
    }
  }

  componentDidUpdate () {
    this.setHeaderWidth();
  }

  checkHeadFixed () {
    const { height } = this.props;
    return !!height && height !== 'auto';
  }
  
  setHeaderWidth () {
    if (!this.checkHeadFixed()) {
      return;
    }
    let body = this.refs.body;
    let tr = body.querySelector('tr');
    if (!tr) {
      return;
    }

    let ths = this.refs.header.querySelectorAll('th');

    let tds = tr.querySelectorAll('td');
    if (tds.length <= 1) {
      return;
    }
    for (let i = 0, count = tds.length; i < count; i++) {
      if (ths[i]) {
        ths[i].style.width = tds[i].offsetWidth + 'px';
      }
    }
  }

  sortData (key, asc) {
    let data = this.state.data;
    data = data.sort(function(a, b) {