如何在反应表中使表头静态

Question

您可以查看示例表here或here

var items = [
  { name: 'Louise', age: 27, color: 'red' },
  { name: 'Margaret', age: 15, color: 'blue'},
  { name: 'Lisa', age:34, color: 'yellow'}
];

var settings = {
  cellClass: function( current, key, item){
      return current + ' cell_' + key + item.age;
  },
  classPrefix: 'mytable',
  header: true,
  headerClass: function( current, key ){
    if( key == 'color')
      return current + ' imblue';
    return current;
  },
  keyField: 'name',
  noRowsMessage: 'Where are my rows?',
  rowClass: function( current, item ){
    return current + ' row_' + item.name;
  }
};

React.render(<JsonTable rows={ items } settings={ settings } />, document.body);

我有大量的记录进入表中，因此我将所有内容放入div并使其可滚动。但是当我滚动页面时，标题也会随之滚动。

我还尝试将标头设置为false并自行提供自定义标头，但它们未正确对齐。

我想要的是使标题静止。