2017-12-26 14 views
1

私はUpdatePanelを使用してコールバックでテーブルをバインドします。チェックボックスがjQueryデータテーブルで2回目に表示されない

私のボタンクリックコードビハインドが完全に実行されると、Scriptmanager.ClientScriptblock()... を使用してaspxページのスクリプトを呼び出し、呼び出されたJavaScript関数でDataTableに行を追加します。

最初のロードではチェックボックスが最初の列として追加されますが、2番目の呼び出しでは表示されず、テーブルをソートするときにのみ表示されます。

表を並べ替えた後にのみ表示されるのはなぜですか?

次のように私はTBODYに行を追加しています:

$("#bodyListLetter tr").remove(); // first removing tr and then add. 
$('#bodyListLetter').append(Rows); 

表の初期化コード:

if ($.fn.dataTable.isDataTable('#example2')) { 
    table = $('#example2').DataTable(); 
} 
else { 
    $('#example2').DataTable({ 
    "searching": false, 
    "retrieve": false, 
    "paging": false, 
    "ordering": true, 
    "info": false, 

     columnDefs: [{ 
      orderable: false, 
      className: 'select-checkbox',      
      targets: 0 
     }], 

     select: { 
      style: 'os', 
      selector: 'td:first-child' 
     }, 

     order: [[1, 'asc']] 
    }); 
} 

答えて

1

を私たちは、行を無効にして再描画する必要がありました。これは問題を解決しました。

var table = $('#example2').DataTable(); 

    table.rows().invalidate().draw(); 
関連する問題