【发布时间】:2018-02-18 02:39:54
【问题描述】:
我是 ag-grid 的新手。我从一个基本示例开始,但它不能正常工作。我照原样从 ag-grid 文档中复制了代码,然后它就起作用了。我想知道我在代码中犯的错误。逐行比较有助于发现问题。我从代码中删除的最后一行是 <!DOCTYPE html>,然后它开始工作了。
添加<!DOCTYPE html>会导致什么问题?
【问题讨论】:
我是 ag-grid 的新手。我从一个基本示例开始,但它不能正常工作。我照原样从 ag-grid 文档中复制了代码,然后它就起作用了。我想知道我在代码中犯的错误。逐行比较有助于发现问题。我从代码中删除的最后一行是 <!DOCTYPE html>,然后它开始工作了。
添加<!DOCTYPE html>会导致什么问题?
【问题讨论】:
这是因为在使用 DOCTYPE 时使用标准模式,而不是怪癖模式。
你可以在这里找到一个很好的解释:Why does my div height 100% work only when DOCTYPE is removed?
本质上,如果您想使用 DOCTYPE(并且您应该),那么您需要提供一直到 ag-Grid 元素的高度。
实际上,这意味着对 html 和 body 应用高度:
<style>
html, body {
width: 100%;
height: 100%;
}
</style>
在此之后,如果您在带有 DOCTYPE 的网格定义中使用 %,它将按预期呈现。
【讨论】: