Windows 8 动态显示/隐藏显示中的列/行：-ms grid

我有一个使用

display:-ms grid

的类，为了参数起见，假设它的定义如下：

.gridDiv {

    display: -ms-grid;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 200px 400px 200px;

}

有没有办法在运行时通过css或js隐藏我的某个列？我已经隐藏了其中的元素，但是我想压缩.gridDiv，这样它看起来只有两列

---

感谢您的任何想法。

这可以在您的.js文件中完成。在此之后，如果需要，需要确保再次布置元件

var gridDiv = this.element.querySelector('.gridDiv');
var columns = '200px 200px';
// TODO -  code to compute columns
gridDiv.style.msGridColumns = columns;

---

啊，好的，所以没有一种简单的方法可以将内容从第3列移到第2列，而不获取对第3列中项目的引用并将其msGridColumn值从3调整到2？是的<代码>msGridColumn需要针对第3列到第2列中的项目进行调整。需要迭代所有项目并将3调整为2。调整

msGridColumns

不会解决这个问题。