Question

仅正确绘制第一个列标题，columnDef数组中的所有后续项目都在其下方绘制。如果我使用数据填充表格，则所有列数据也会堆叠在左侧。

这是它的样子;行中的灰色条带，在Country下面实际上向下移动，作为ag-grid.js中framework.setTimeout（）函数的一部分。

JS看起来像：

gridOptions.columnDefs = [
    { headerName: 'Country', field: 'country' },
    { headerName: 'City', field: 'city' },
    { headerName: 'Jan', field: 'jan_act' },
    { headerName: 'Feb', field: 'feb_act' },
    { headerName: 'Mar', field: 'mar_act' },
    { headerName: 'Apr', field: 'apr_act' },
    { headerName: 'May', field: 'may_act' }];

var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);

我正在使用ag-grid.noStyle.js v7.0.2并认为我已经为ag-grid正确加载了所有依赖项。我没有使用React或Angular。

Answer 1

啊，发现了！它是<!DOCTYPE html>标记。

通过将div的高度更改为基于像素而不是％，例如

，立即解决了问题

<div id="myGrid" style="height: 400px;" class="ag-fresh"></div>

在JavaScript Datagrid示例也无效后，回到绝对基础，找到它。

Working with the CSS height property and percentage values.

堆叠在左侧的ag-grid列标题

1 个答案: