0

MYSQL DBから「プル」されたテーブルがあり、ユーザーはドロップダウンボックスを使用してMYSQLに保存できます。それはすべて機能しますが、テーブルはDIVに適合せず、ひどい混乱に見えます。テーブルをスクロールするための水平スクロールバーを持つことができる離れた場所はありますか？

このテーブルを1100x545ピクセルのテーブルに配置するにはどうすればよいですか...オーバーフローしますが、divに合わせる必要があります。そして、水平にオーバーフローさせたい

echo "<table style=\"float:left;\" width=\"130\" border=\"0\" >";
                foreach($Data as $Item => $Value) {
            if(!is_numeric($Item) && $Item !== "UserIDHere") {
                if($i == 0) {
                    $Unit = substr($Item, 0, 2);
                    $Assignment = substr($Item, 2, 2);
                    $Task = substr($Item, 4, 2);

                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$UArr[$Unit]."</p></td></tr>";
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$AArr[substr($Item, 2, 2)]."</p></td></tr>";
                    echo "<tr><td width=\"60\">".$TArr[$Task]."</td><td width=\"50\">".DropDown($Item, $Value)."</td></tr>";

                }
                if($Unit !== substr($Item, 0, 2)) {
                    echo "</tr>";
                    echo "</tr>";
                    echo "<table style=\"float:left;\" width=\"150\" border=\"0\" >";
                    $Unit = substr($Item, 0, 2);
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$UArr[substr($Item, 0, 2)]."</p></td></tr>";
                }
                if($Assignment !== substr($Item, 2, 2)) {
                    $Assignment = substr($Item, 2, 2);
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$AArr[substr($Item, 2, 2)]."</p></td></tr>";
                }
                if($Task !== substr($Item, 4, 2)) {
                    $Task = substr($Item, 4, 2);
                    echo "<tr><td width=\"60\">".$TArr[$Task]."</td><td width=\"50\">".DropDown($Item, $Value)."</td></tr>";
                }
                $i++;
            }

        }
        echo "</table>";

これのCSSは

.full-segment
{
    width: 1100px;
    height: 545px;
    overflow: scroll;
}

オーバーフローが水平になるようにするにはどうすればよいですか）垂直ではなく水平にスライドしますか？

見た目

4

1 に答える 1

0

<div>の範囲外に置き<table>ます。したがって、コードは次のようになります。

echo "<div foo='bar' foo2='bar2'>
<table foo='bar' foo2='bar2'>";
//populate the table here
echo "</table></div>";

のデフォルトのCSS設定がoverflow:auto残りを処理します。

編集：デフォルトのCSS設定はではありません overflow:auto。ですoverflow:visible。私の間違い。属性overflow:autoで明示的に宣言する必要があります。style

更新：フィールドを水平方向に移動するには、同じ<tr>タグにフィールドを配置する必要があります。タグが異なるたび<tr>に、テーブルに新しい行（新しい行）が作成されます。そのためには、グループ化とそれらの<tr>タグの配置方法、および1行に必要なフィールドの数を再考する必要があります。残念ながら、それはあなたがあなたにぴったりの見た目を見つけるまであなた自身で実験しなければならないものです。

また、テーブル内のテーブルは機能しますが、適切に閉じないと、多くの問題が発生する可能性があります。おそらく、そのコードが自分のやりたいことを実行していることを確認したいと思うでしょう。

于 2012-07-22T16:50:54.740 に答える