web-dev-qa-db-ja.com

jquery datatableプラグインで現在の行を削除する方法

JQueryデータテーブルプラグインを使用しているテーブルにボタンのある列があります。ボタンには「削除」と表示されており、そのボタンをクリックすると、テーブルの現在の行が削除されます。

fnDeleteRowを呼び出すと、最初は機能するように見えますが、その行についてはそれ以上機能しません。そのため、実際には行が適切に削除されていないようです。

jquerysortingdatatablesrowsdelete-row
29
leora

これを試して：

var row = $(this).closest("tr").get(0);
oTable.fnDeleteRow(oTable.fnGetPosition(row));

動作しない場合は、以下を確認してください 例

61
Jason Orendorff

ユーザーがボタンをクリックしたときに呼び出される関数をアタッチしたとしましょう。関数はこのようなものになります

function DeleteRow(event)
{
  //get the row of the cell that is clicked
  var $row = $(this).parents("tr").eq(0)
  //if you need the id you can get it as
  var rowid = $row.attr("id");
  //now you can call delete function on this row
  $row.delete(); 
}
2
Sridhar

これはどう：

    // Delete Row
    $('.glyphicon-minus').on("click", function() {
        configTable.row($(this).closest("tr").get(0)).remove().draw();
    });
1
Ryan Reynolds

から このページ ：

$('#example tbody td').click( function () {
    /* Get the position of the current data from the node */
    var aPos = oTable.fnGetPosition( this );

    //...
} );
0
cobbal

これは私にとってそれがどのように機能するかです。ドキュメント準備関数で、HTMLテーブルの変換されたバージョンを変数に割り当て、のボタンがクリックされると、JQueryを使用して親/子を通過し、パラメーターとして取得した行をライブラリのfnDeleteRow（）関数に送信します。

これは、ライブラリ関数からのコメントです。そして、図書館で言及されている例。

/**
* Remove a row for the table
*  @param {mixed} target The index of the row from aoData to be deleted, or
*    the TR element you want to delete
*  @param {function|null} [callBack] Callback function
*  @param {bool} [redraw=true] Redraw the table or not
*  @returns {array} The row that was deleted
*  @dtopt API
*  @deprecated Since v1.10
*
*  @example
*    $(document).ready(function() {
*      var oTable = $('#example').dataTable();
*
*      // Immediately remove the first row
*      oTable.fnDeleteRow( 0 );
*    } );
*/

// And here's how it worked for me.
var oTable;
$("document").ready(function () {
    oTable = $("#myTable").dataTable();
});

//Remove/Delete button's click.
$("a[name='deleteColumn']").click(function () {
    var $row = $(this).parent().parent();
    oTable.fnDeleteRow($row);
});
0
Cengiz Araz