Primeflex Flexgrid对IE11的支持？有没有办法让flexgrid在IE上工作？

Question

在IE11中，使用"p-dir-col“的列对齐不能按预期显示。

要进行复制，请查看在Internet Explorer11中打开的演示页面：https://www.primefaces.org/primeng/#/flexgrid

=> IE中的每行之间没有空格，而列在Chrome中可以正确显示。

On IE

On other browsers e.g chrome

Answer 1

我尝试访问PrimeNG站点，并尝试使用Chrome和IE11浏览器检查该示例。

我用它做了一些测试，发现这个问题是由flex- caused 引起的

我查看了文档，找到了下面的信息。

当指定了非自动弹性基础时，Internet Explorer10和11始终使用内容框框模型来计算弹性项的大小，即使对元素应用了box - size : border-box也是如此。

参考资料：

Flex basis Browser compatibility

在这里，如果您使用开发人员工具检查该格网上的flex-basis的值，您会发现它被设置为0px

​

​

要解决IE浏览器的这个问题，你需要像下面这样设置flex-basis: auto。

flex-basis:auto;

IE 11测试结果：

​

​

作为一种解决办法，用户可以创建他们的自定义CSS类，并使用网格在IE中正确显示，因为用户不能在第三方实用程序中进行任何更改。