0

ヘッダー、フッター、左右の列が固定された水平および垂直スクロールのテーブルで作業しています。解決に近づいていますが、スタイルに問題があります。

問題 Div を使用し、その中に固定widthoverflow非表示のテーブルを配置します。しかし、div にプロパティを適用すると、div 内のwidthは独自のを失います。ここに私が試してみたいものがありますoverflowTDstablewidth

<div id="scroll-table">
        <div class="row2 col2"><!-- it is center of my table with more data-->
            <table>
                <tr>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                </tr>
                <tr>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                </tr>
                <tr>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                </tr>
                <tr>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                </tr>
                <tr>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                </tr>
                <tr>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                    <td>N</td>
                </tr>
            </table>
        </div>
</div>

//スタイル//

        * {
            background:rgba(0,0,0,.1);
        }

        .row2.col2 {
            width:200px;
            overflow:hidden;
        }

        table td {
            width:50px;

        }

私も遊んでpositionいますが、成功しません。TD の幅を取得する方法を説明してもらえますか (パディングではありません)。一部の質問と部分的に重複している可能性がありますが、すべて無関係であることがわかりました。

4

1 に答える 1