0

jQueryを使用して、ウィンドウのサイズ変更時にテーブルのコンテンツが親列のwithを超える前に、テーブルのテキストのサイズを縮小できるようにしようとしています。親テーブルセルに対してセルコンテンツの幅を簡単にチェックして衝突を検出できることは知っていますが、ユーザーのサイズ変更に伴い、100ミリ秒ごとに数千のテーブルセルで実行する必要がある可能性があるため、この方法は非効率的です。

より効率的な方法はありますか？

以下の擬似コード：

On resize (throttled)
    If any table content has less than 10px until it exceeds the width of its containing column
        Do stuff
4

1 に答える 1

0

テーブルのすべてのセルをチェックする必要はなく、セルの一番上の行だけをチェックする必要があります。

または、表のセルの最小幅を設定してから css3 を使用することもできますtext-overflow: ellipsis

table {
    table-layout: fixed;
}
td {
    border: 1px solid black;
    min-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

さらに良い代替案は、レスポンシブ データ テーブルを作成することです。幅の広いテーブル データを処理するさまざまな方法を示す CSS トリックに関するこの記事を確認してください。

于 2013-02-13T05:02:21.383 に答える