如何获取Bootstrap表数据并删除行

时间:2018-09-04 03:36:02

标签: javascript jquery bootstrap-4 ejs

这是我的ejs文件的一部分。假设存在如下引导表。

我想要做的是,如果我按下一个按钮,我的del()函数将针对选定的行删除执行。但这不起作用。 我的函数甚至没有得到“ row.data”

如何获取row.data并基于row.data删除行?

 $('#table').bootstrapTable({
               columns: [{
                      field: 'no',
                      title: 'No',
                      align: 'center',
                      valign: 'middle',
                      sortable: true
                  }, {
                      field: 'seq',
                      title: 'rank',
                      align: 'center',
                      valign: 'middle',
                      sortable: true
                  }, {field: 'title',
                      title: 'name',
                      align: 'center',
                      valign: 'middle',
                      sortable: true }, [
                  ]data: [{
                      id: 1,
                      no: 1,
                      seq:1,
                      title: 'Test 1',

                  },{
                      id: 2,
                      no: 2,
                      seq: 2,
                      title: 'Test 2',
                     }]
                    });

function del(){

   var $table = $('table');
   var ids = $.map($table.bootstrapTable('getSelections'), function (row) {
        console.log("checked");
        return row.data;
   });
   console.log("Ids : " + ids);

  $('#table').bootstrapTable('remove', {
       index : 1
    });
  }

1 个答案:

答案 0 :(得分:0)

您错过了登录del功能的#号。它应该是-

try like this.
<?php
$conn=mysqli_connect('localhost','root',' ','databasename');
$query="Select * from my_table";
$result = mysqli_query($conn,$query);?>
<table>
<tr>
<th>name</th>
<th>full_name</th>
</tr>
<?php
while($row = mysqli_fetch_assoc($result)) { ?>
<tr>
<td><?php echo $row["name"]; ?></td>
<td><?php echo $row["full_name"]; ?></td>
</tr>
<?php
}
 ?>