implement `scrollTo(posY)` & `scrollIntoView(node)`

[constantin-p]

scrollTo(posY: number)

• Scrolls the content of the table to a given position (px)

scrollIntoView(node: TreeDataRow, expandAncestors: boolean = true)

• Scrolls the row representing the given node into view
• For expandAncestors set to true, the parents of the given node will expand their content. When set to false the state of the table will remain untouched & the row representing the first visible node down the list will be scrolled into view
  • Demo

scrollTo & scrollIntoView are public methods of TreeDataTable and can be accessed by acquiring a reference to the component.

class DemoApp extends React.Component {
  table: ?TreeDataTable; // 1. reference property

  componentDidMount() {
    if (this.table) {
      // 3. API calls
      this.table.scrollIntoView(objToMatch);
      // OR
      // this.table.scrollTo(posY);
    }
  }

  render () {
    return (
      <TreeDataTable

        ref={elem => {this.table = elem}} // 2. acquiring the reference

        data={DATA}
        height={500}
        rowHeight={30}>
        <TreeDataTable.Column grow={1} renderCell={this.renderColumn} />
      </TreeDataTable>
    );
  }

  renderColumn = (data: any, metadata: RowMetadata, toggleChildren: () => void) => {
    return (
      <div className="cell-wrapper">
        <span>{data}</span>
      </div>
    );
  }
}

[constantin-p]

@pmilla1606 Would like your thoughts on the functionality and if there are use cases not supported by the current implementation.

[pmilla1606]

@constantin-p this is great! will try it out tonight. let me know when you're thinking of publishing a new version to npm too. thanks for all the hard work!

[constantin-p]

@pmilla1606 I'm gonna wait for your feedback, If everything's OK I'm gonna update the npm version tomorrow.

[pmilla1606]

@constantin-p just took a look. Looks and works great! Thanks again for the effort.

👍

[constantin-p]

@pmilla1606 version 0.5.0 contains the new functionality