删除网格 laravel 的所有数据后，网格的标题仍然存在

Posted 2023-03-14

【中文标题】删除网格 laravel 的所有数据后，网格的标题仍然存在

【英文标题】：Header of grid stays after removal of all data of grid laravel

【发布时间】：2018-07-10 04:41:52

【问题描述】：

我在控制器中有一个网格设计，可以显示所选复选框的所有数据。 该网格通过 ajax 附加到跨度。 在执行删除请求时，我在网格中的数据被一一删除， 但网格标题保持原样。

这是我在控制器中的网格设计：

 $res_div = '';
$res_div.='<table  border="0"  class="table table-striped table-bordered table-hover">';
        $res_div.='<tr>
                   <th >SublawId</th>
                   <th >Sublawname</th>
                   <th >View</th>
                   <th >Update</th>
                   </tr>';
        foreach ($law as $sublaw)
        
            $law_details = DB::table('tbl_law_sub_master')->where('id', $sublaw->id)->select('*')->first();
            $res_div.='<tr>
                       <td>
                       <strong>'.$law_details->lms_id.'</strong>
                       </td>
                       <td>
                       <strong>('.$law_details->sub_law_name.')</strong>
                       </td>
                       <td align="center">
                       <input type="checkbox" id="cb1" onclick="ts(this)" class="cb1" name="viewsub_'.$sublaw->id.'">
                       </td>
                       <td align="center">
                       <input type="checkbox" id="cb1" onclick="ts(this)" class="cb1" name="updatesub_'.$sublaw->id.'">
                        </td>
                        </tr>';
        
        $res_div.='</table>';
        $data=array(
            'res_div'=>$res_div,
            'law'=>$law
        );    
        return json_encode($data);

我在刀片上的 ajax 请求：

$.ajax(
      url: " URL::to('staff/staffpostsublawsdata') ?sub_law_id="+sublaw_ids.join(),
      type: 'POST',
      dataType: "json",
      data: formData,
      async: false,
      cache: false,
      contentType: false,
      processData: false,
      success: function (returndata) 
      var res_sublaw_content=returndata.res_div;
      var data = document.getElementById("append_sublaw_grid").innerhtml = "";                                            $('#append_sublaw_grid').append(res_sublaw_content);
      return false;
       
);

删除时，所有数据都会从网格中一一删除，但其标题仍然存在..

截图：

【参考方案1】：

每次您删除一行时，您都可以计算剩余的行数

var rowCount = $('.table tbody tr').length;

如果 rowcount 变为 0，则只需使用隐藏表格

$('.table').hide()

工作示例：

将此代码放在删除行的函数中

var rowCount = $('.table tbody tr').length;
if( rowcount == 0)
     $('.table').hide();