jQuery Datatables ヘッダーの不整合に対する解決策

Datatable を使用するときにこの状況がよく発生します。つまり、ブラウザーまたは HTML 要素のサイズや解像度が変更された後、タイトルの位置がずれるということです。この状況は、Datatables フレームワークが serverSide: true,// サーバーがデータ属性をクエリするため、これにより style="width:**px;" 属性が Table タグに追加され、サイズが変更されるとタイトルが変更されます。ムラ現象が変化します。この記事では、主に jQuery Datatables ヘッダーの不整合に対する解決策を紹介します。お役に立てれば幸いです。

<table id="example" class="table table-border table-bordered table-bg table-hover table-sort"> 
 <thead> 
 <tr class="text-c"> 
  <th width="25"> 
  <input type="checkbox" name="checkAll" class="checkall" onclick="checkedClean();"> 
  </th> 
  <th width="100">名称</th> 
  <th width="100">说明</th> 
  <th width="100">类型</th> 
  <th width="60">是否默认</th> 
  <th width="20">状态</th> 
  <th width="100"></th> 
 </thead> 
 <tbody> 
 </tbody> 
</table>

解決策

#example{ 
 width: 100% !important; 
}

水平スクロールバーが表示された場合は、テーブルの幅を設定してください

jQuery プラグインのデータテーブルのプロパティの概要と、ページングとソートの例の作成の詳細な説明

jQuery データテーブルとは何ですか?データテーブルの使い方

jquery+phpは、datatablesプラグインデータをExcelにエクスポートするメソッド、jquerydatatables_PHPチュートリアルを実装します

以上がjQuery Datatables ヘッダーの不整合に対する解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。