1

2 つの slickgrid テーブルを並べて配置するにはどうすればよいですか? 現在、 grid = new Slick.Grid... を使用して 2 つのグリッドを作成しているだけですが、次のように CSS でハードコーディングされた寸法を使用する必要があります。

#dynamic1 { /*this is grid one*/
  position: absolute;
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

#dynamic2 { /*grid two*/
  position: absolute;
  top: 120px;
  left: 750px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

これは楽しくありません。そして、それは動的ではありません。可能であれば、それらを並べて取得できれば、幅を合わせてブラウザウィンドウ全体を埋めることができればいいと思います.

編集：修正されました！新しいコードは次のとおりです。

#dynamic1 {
float: left;
width: 49%;
position: absolute;
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

#dynamic2 { /*grid two*/
  float: right;
  width: 50%;
  position: absolute;

  top: 120px;

  right: 0px;
  bottom: 0px;
  height:500px;
}
4

1 に答える 1

2 
position: absolute;
  **float: left;**
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

#dynamic2 { /*grid two*/
   **float: right;**
  position: absolute;
  top: 120px;
  left: 750px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

float left と float right を追加するだけです。100% に等しい幅の任意の組み合わせを割り当てることができます。例：

position: absolute;
  **float: left;**
  **width: 45%;**
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

#dynamic2 { /*grid two*/
   **float: right;**
  **width: 55%;**
  position: absolute;
  top: 120px;
  left: 750px;
  right: 0px;
  bottom: 0px;
  height:500px;
}
于 2012-06-26T18:02:56.483 に答える