0

次のコードを使用して、 datatable にトグル スイッチ custom を追加しました。

          function getdata(Request $request)
{
    if(request()->ajax())
    {
        return datatables()->of(Casting::latest()->get())
            ->addColumn('action', function($data){
                $button = '<table><tr><td>';
                $button .= '<button type="button" name="edit" id="'.$data->id.'" class="edit btn btn-primary btn-sm">Modifier</button>';
                $button .= '</td><td>';
                 $button .= ' <div class="custom-control custom-switch">';
                $button .= ' <input type="checkbox" class="custom-control-input" id="switch1" name="example"';
                
                if ($data->status == 1) {

                    $button .= "checked";
                }

                $button .= '><label class="custom-control-label" for="switch1">Toggle me</label>
    </div>';
                $button .= '</td></tr></table>';
                return $button;
        })
        ->rawColumns(['action'])
        ->make(true);
    }
    return view('Casting.castingss');
}

しかし、トグル スイッチ カスタムの代わりにチェックボックスが表示されます。

ここに画像の説明を入力

編集

今私はそれを得る:

ここに画像の説明を入力

ただし、最初の行だけを切り替えて、他の行を固定したままにすることができます

4

1 に答える 1