Excel_html/css_WEB-ITnose の最初の列を凍結する効果のようなことをすると

WBOY
リリース: 2016-06-24 11:48:08
オリジナル
1407 人が閲覧しました

テーブルがあり、データが動的に読み取られます。最初の 4 つの列を Excel のフリーズ効果と同様にしたいです。
水平スクロール バーをドラッグすると、これらの 4 つの列が固定されます。

これら 4 つの列を独立した DIV に配置すると、必然的に元のデータ構造が破壊されます。また、私のページには大量のデータが含まれており、複雑なので、最小限の変更で解決できることを願っています。


ディスカッションへの返信 (解決策)

ドゥアン! ~ドゥアン! ~ドゥアン!

ドゥアン! ~ドゥアン! ~ドゥアン!


こんにちは Yuanyuan です

4 つの固定列を持つテーブルを 1 つ左側に配置し、移動可能なテーブルを 1 つ右側に配置します。右は左には影響しません。
データを動的に読み取る場合は、両方のテーブルに同時に行を追加するだけです。

理解する必要があるものを大きな div で囲み、幅を設定し、overflow-x:scroll します。

それをマークするだけです

<table><tr>    <td class='budong'></td>    <td></td>    <td></td>    <td></td>    <td></td></tr></table>
ログイン後にコピー
ログイン後にコピー

そして、ドラッグするときにクラス値を判断します!まず td のコピーを作成します。実際、元の TD はまだ回転していますが、新しくコピーされた TD は固定位置に設定されています。

マークするだけです

<table><tr>    <td class='budong'></td>    <td></td>    <td></td>    <td></td>    <td></td></tr></table>
ログイン後にコピー
ログイン後にコピー

そして、ドラッグするときにクラス値を判断してください!まず td のコピーを作成します。実際、元の TD はまだ回転していますが、新しくコピーされた TD は固定位置に設定されています。

それはかなり信頼できるものです。JS コードを投稿していただけますか?新しいものを直す方法。詳しく教えてください、おばちゃん

知りたいことを大きな div で囲み、width を設定し、overflow-x:scroll します。


ご都合主義すぎるよ。

jQuery EasyUI Data Grid - 固定列を設定する

http://download.csdn.net/detail/qq_26505177/8494335

プラグインをアップロードしました。役立つかどうかを確認してください。


知っておくべきことを大きな div でラップし、幅を設定し、overflow-x:scroll します。


ご都合主義すぎるよ。


データ量が多すぎるとプラグインでコピーするのが面倒になります。

最初のバージョンを見てください。これは簡単に省略できますが、十分確実ではありません。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート