2016-04-28 10 views
3

応答可能なレイアウトにはjQuery DataTablesスタイルを使用していますが、JavaScriptを使用して<td>Mycode</td>を追加すると、dataTablesスタイルは機能しません。ここでJquery DataTablesがjavascriptを使用してhtmlを追加するために動作しない

+0

あなたのコードをここで共有できますか? Jquery dataTableに新しいData行を追加する場合は、datatableのrow.addメソッドを使用できます – progrAmmar

+0

ようこそ。 [ヘルプ]にアクセスして[ツアー]を開催して、ここで何をどのように尋ねるかを確認してください。ヒント:ポストコードと労力 – mplungjan

答えて

0

我々は行く:ドキュメントで

が、私はそれを見つける:

New rows can be added to a DataTable very easily using the row.add() API method. 

は、このようなコードとして新しい行を追加してみてください。あなたを助けることができる)

関数row.add(;)

$(document).ready(function() { 
     var t = $('#yourDataTableId').DataTable(); 
     var counter = 1; 

     $('#addRow').on('click', function() { 
      t.row.add([ 
       counter +'.1', 
       counter +'.2', 
       counter +'.3', 
       counter +'.4', 
       counter +'.5' 
      ]).draw(false); 

      counter++; 
     }); 


     $('#addRow').click(); 
    }); 
<button id="addRow">Add new row</button> 

はそれがお役に立てば幸いです。)

関連する問題