タグ付けされた質問 「jquery-datatables」

私はjquery DataTablesプラグインを使用しています。彼らのドキュメントから： 並べ替えが有効な場合、DataTablesは初期化時に最初のパスの並べ替えを実行します。この変数を使用して、並べ替えを実行する列と並べ替えの方向を定義できます。aaSorting配列には、最初に列のインデックスと方向文字列（「asc」または「desc」）を含む、ソートされる各列の配列が含まれている必要があります。 並べ替えを有効にして、初期化時にこの最初のパスの並べ替えを無効にすることはできますか？私は現在、初期ソートサーバーサイドを実行しており、ソート機能が必要ですが、この初期ソート機能は必要ありません。

231 jquery  jquery-datatables 

jQuery DataTablesプラグインを使用してテーブルの幅を制御することに問題があります。テーブルはコンテナの幅の100％であると想定されていますが、最終的にはコンテナの幅よりも任意の幅になります。 提案を高く評価 テーブル宣言は次のようになります <table id="querytableDatasets" class="display" cellspacing="0" cellpadding="3" width="100%"> そして、javascript jQuery('#tab-datasets').load('/cgi-bin/qryDatasets', '', function (){ jQuery('#querytableDatasets').dataTable({ "bPaginate": false, "bInfo": false, "bFilter": false }); }); ` FirebugでHTMLを調べると、これが表示されます（追加されたstyle = "width：0px;"に注意してください） <table id="querytableDatasets" class="display" cellspacing="0" cellpadding="3" width="100%" style="width: 0px;"> Firebugでスタイルを確認すると、table.displayスタイルがオーバーライドされています。これがどこから来ているのかわかりません element.style { width:0;} -- dataTables.css (line 84 table.display { margin:0 auto; width:100%; }

98 jquery  datatables  jquery-datatables 

私はプラグインjQueryデータテーブルを使用していて、ページの下部にあるDOMにロードしたデータをロードし、次のようにプラグインを開始します。 var myData = [ { "id": 1, "first_name": "John", "last_name": "Doe" } ]; $('#table').dataTable({ data: myData columns: [ { data: 'id' }, { data: 'first_name' }, { data: 'last_name' } ] }); 今。いくつかのアクションを実行した後、ajaxを使用して新しいデータを取得します（ただし、データテーブルに組み込まれているajaxオプションではありません。誤解しないでください）。これらのデータでテーブルを更新します。データテーブルAPIを使用してどうすればよいですか？ドキュメントは非常に混乱しており、解決策を見つけることができません。どんな助けでも大歓迎です。ありがとう。

98 jquery  datatables  jquery-datatables 

私はこのフィドルを作成し、それは私の要件に従ってうまく機能します：フィドル ただし、アプリケーションで同じものを使用すると、ブラウザコンソールに、未定義のプロパティ 'aDataSort'を読み取れませんというエラーが表示されます。 私のアプリケーションでは、javascriptは次のようになります。私はコントローラーの出力を確認しました...それはうまく機能し、コンソールにも出力されます。 $(document).ready(function() { $.getJSON("three.htm", function(data) { // console.log("loadDataTable >> "+JSON.stringify(data)); }) .fail(function( jqxhr, textStatus, error ) { var err = textStatus + ', ' + error; alert(err); console.log( "Request Failed: " + err); }) .success(function(data){ loadDataTable(data); }); function loadDataTable(data){ $("#recentSubscribers").dataTable().fnDestroy(); var oTable = $('#recentSubscribers').dataTable({ "aaData" : JSON.parse(data.subscribers), …

96 javascript  jquery  jquery-datatables