1

BootStrap と共に SlickGrid を使用しています。私のシナリオでは、ページに表示される SlickGrid テーブルがあります。それに加えて、別のテーブルを表示することになっているポップアップがあります。forループを使用してテーブルにデータを入力しています。今問題の説明:

HTML ページの表は、すべてのデータとともに正しく表示されます。ボタンをクリックしてポップアップにアクセスすると、何があっても最初の 2 つの列だけが入力されます。例えば。4つの列がある場合、つまり。名前、年齢、性別、学校名。ポップアップが表示されると、名前と年齢のみが入力されます。他の 2 つの列は空白です。というわけで、年齢と性別を入れ替えてみて、性別に問題がないか確認してみました。これで、テーブルには Name と Gender のみが入力され、Age 列と SchoolName 列は空白になります。他の列を最初または2番目の位置に配置しても同じです。 ここに画像の説明を入力

通常の HTML ページにテーブルを表示するための同様のコードが機能する場合、BootStrap モーダルでテーブルを適切に表示するのを妨げるものは何ですか?

編集:もう1つのポイント-「その」テーブルをHTMLページに表示しようとすると、正しく表示されます。しかし、モーダルで苦しんでいます。

4

2 に答える 2

4

.resizeCanvas()モーダルが表示され、すべての CSS トランジションが完了した後に、グリッドでメソッドを呼び出していることを確認してください。Slick.Gridモーダル内にあるインスタンスの名前は次のmodalGridとおりです。

$('#modal').on('shown', modalGrid.resizeCanvas)
于 2013-08-05T20:26:57.557 に答える
0

ブートストラップ 3 の場合:

$('#modal').one('shown.bs.modal', function(e) { grid.resizeCanvas(); });
于 2015-08-18T06:11:00.193 に答える