1

css「グリッド」フレームワークでslickgrid.js(スプレッドシート/データテーブルタイプ「グリッド」)を正常に実装した人はいますか? グリッドという言葉の使い方が紛らわしいですね。

zurb ファンデーション内で使用しようとしていますが、slickgrid.js が適切にレンダリングするために必要なテーブル div は、幅の観点からすべてをオーバーランしています。これは、javascript によって自動的に設定されるようです。

4

1 に答える 1

2

私はなんとか土台で滑らかなグリッドを作ることができました. どんな問題がありますか?. Foundation 3.2 と slickgrid 2.1 を使用しています。CSS で 2 つの修正を行うだけです。

#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 から幅を取得するためです。

于 2012-12-30T23:43:05.523 に答える