AG-Grid 列标题向左堆叠答案

【问题标题】：AG-Grid Column Headers stacked to leftAG-Grid 列标题向左堆叠
【发布时间】：2018-03-02 05:26:37
【问题描述】：

我正在使用 ag-grid react 和渲染表时。我将列标题堆叠到左侧。

提供的 CSS 是：

<div style={{ width: '100%', height: "100vh", marginTop: '5%'}}>
                <div           
                    style={{
                    boxSizing: "border-box",
                    height: "100vh",
                    width: "100%"
                }}
                className="ag-theme-fresh"
                >
                    <AgGridReact
                        id="myGrid"
                        columnDefs={this.columnDef}
                        defaultColDef={this.defaultColDef}
                        onGridReady={this.onGridReady.bind(this)}
                    />
                    
                </div>
</div>

表格如下所示： Ag-grid column header stacked to left

【问题讨论】：

感谢发帖！目前在 ag-grid-angular 16.0.1 版本的 ag-grid-angular 中与 ag-grid-angular 16.0.0 相同。我以为我做错了什么。
@Andrew Lobban 有没有办法解决这个问题。
我正在努力解决这个问题。计划按照文档使用 ag-grid 创建一个简单的应用程序。
我认为应该将类 ag-theme-fresh 添加为元素的属性。

标签： reactjs ag-grid

【解决方案1】：

所以我为我的 Angular 项目找到了答案。所以他们在他们的简单入门文档中忘记提到的是您需要导入样式：

// .angular-cli.json
"styles": [
    "../node_modules/ag-grid/dist/styles/ag-grid.css",
    "../node_modules/ag-grid/dist/styles/ag-theme-fresh.css"
],

所以我建议弄清楚在 react 应用中导入样式的位置。

查看我的示例 Angular StackBlitz

【讨论】：

公平地说，这是在入门->angular cli 部分中提到的，因为它特定于 angular cli
我现在明白了。但是仍然存在流程问题或缺乏文档，例如覆盖主题。