SlickGrid 与 Zurb 基金会

【问题标题】：SlickGrid with Zurb FoundationSlickGrid 与 Zurb 基金会
【发布时间】：2012-10-07 14:56:05
【问题描述】：

有没有人使用 css“网格”框架成功实现 slickgrid.js（电子表格/数据表类型“网格”）？我知道网格这个词的使用令人困惑......

我正在尝试在 zurb 基础中使用它，而 slickgrid.js 正确呈现所需的表格 div 从宽度的角度来看超出了所有内容，这似乎是由 javascript 自动设置的。

【问题讨论】：

【解决方案1】：

我确实设法用基础制作了 slickgrid。你有什么问题？。我正在使用基础 3.2 和 slickgrid 2.1。只需对 CSS 进行两个修复：

#myGrid * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#myGrid [class*="column"]:last-child {
  float: none;
}

在 Firefox 上测试它的行为不同，所以需要添加

.slick-header-column {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

因为在 slick.grid.js 的第 548 行，它从未附加到 DOM 的 div 中获取宽度。

【讨论】：