thead と td の位置が合わない場合はどうすればよいですか?

ツールバーで列の表示/非表示を使用すると、列ヘッダーとテーブルの内容が整列できないという問題がよく発生します。

インターネットで次の 2 つの処理方法を見つけました。

1. オプションの高さを削除して完全な位置合わせを実現します。ただし、データが増えると、テーブルは自動的に高さを増やして表示します。スクロールせずにすべてのデータを表示します。

2. 次の 2 行をコメントアウトします

//this.resetHeader();
//padding += this.$header.outerHeight();

完全に位置合わせされますが、テーブルヘッダーを固定できなくなります。

どちらの結果も、ケーキを食べたり食べたりすることはできず、影響を受ける機能も非常に望ましいものです。

問題の原因として考えられるのは、列の削減プロセス中に残りの列の幅が設定されるが、列が削減された後に残りの幅が埋められるときに計算上の問題が発生することです。

最終的に、ご参考までに次の方法を採用しました:

自動的に埋められるように列の幅を設定しないでください。 次のコード

        <thead><tr><th data-field="Code" data-width="105px">编号</th><th data-field="Name" data-switchable="false">姓名</th><th data-field="Sex" data-width="120px">性别</th><th data-field="Age" data-width="120px">年龄</th><th data-field="School" data-width="30px">学校</th></tr></thead>

この方法で。 、名前が削除されない限り、他の列は削除されます。この列が削除されないようにするには、data-switchable="false"

を追加します。通常の業務では、多くの場合、列の幅を自動で埋める必要があるため、これがより良い解決策となります。

以上がthead と td の位置が合わない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。