Meteor ag网格存在，但在应用css时完全不可见

我试图在meteor中加入一个react ag网格，我遇到了一个css障碍，但奇怪的是，我不确定，无法通过它

如果我不包括ag网格和ag主题新css文件，我的数据就会进来并出现——当然，所有这些都是可怕的未格式化——如下所示：

但是如果我包括两个css文件，我会得到一个看起来像空白屏幕的东西，除了所有的东西都在那里，以网格的形式，好像一切都很好，但都是看不见的。这样地：

这是我的代码--有人能帮我理解这里发生了什么吗

class AdminThings extends Component {

constructor(props) {
    super(props);
  }

  onGridReady( params ){

  }

  renderGrid(things) {
    return (
    <div className="ag-theme-fresh"> 
    <AgGridReact 
      id="myGrid"
      rowData={things}
      onGridReady={this.onGridReady.bind(this)}
    >
      {Things.schema._schemaKeys.map((row, index) => {
        return ( <AgGridColumn key={row} field={row}></AgGridColumn> );
      })}
    </AgGridReact>
    </div>
    );
  }  

  render() {
    return( !this.props.loading ? this.renderGrid(this.props.things) : <div></div>);
  }
};

AdminThings.propTypes = {
  loading: PropTypes.bool.isRequired,
  things: PropTypes.array
};

export default AdminThings = withTracker(({ match }) => {
  const subHandle = Meteor.subscribe( 'things' );
  const loading = !subHandle.ready();
  let things;
  if ( !loading ) {
    things = Things.find().fetch();
  }
  return {
    loading,
    things: things,
  };
})(AdminThings);

类AdminThings扩展组件{
建造师（道具）{
超级（道具）；
}
onGridReady（参数）{
}
renderGrid（事物）{
返回(
{Things.schema.\u schemaKeys.map（（行，索引）=>{
返回（）；
})}
);
}  
render（）{
返回（！this.props.load？this.renderGrid（this.props.things）：）；
}
};
AdminThings.propTypes={
加载：需要PropTypes.bool.isRequired，
事物：PropTypes.array
};
导出默认AdminThings=withTracker（{match}）=>{
const subHandle=Meteor.subscribe（'things'）；
常量加载=！subHandle.ready（）；
让事情发生；
如果（！加载）{
things=things.find（）.fetch（）；
}
返回{
加载，
事情：事情，
};
})（行政事务）；

---

我不熟悉完全隐形，除非某个东西的不透明度为0，这里不是这样。谢谢

从ag grid的一个例子中找到了答案。通过明确定义包含AgGridReact组件的div的高度和宽度，一切都奇迹般地出现了。因此，通过更改上面示例中的一行：

<div className="ag-theme-fresh"> 

为此：

<div style={{height: 400, width: 900, marginTop: 15}} className="ag-theme-fresh">

我得到了期望的结果：