チェックボックス付き列の表示/非表示

Question

私はcodeigniterのコードを持っていますが、データテーブルを使用していますが、上記のチェックボックスを使用して列を表示/非表示にして列を非表示にしたり、私はこれらのコードと私のコントローラの私のデータベースから自分のデータを移入します：今ここに

public function dataTable_report($date) { 
     $user = array('user_id' => $this->session->userdata['logged_in']['user_id']); 
     $myreport = $this->Adminreport_model->getreportDataDaily($user,$date); 

     $data = array(); 
     foreach ($myreport as $patient) { 
      $row = array(); 
      $row[] = $patient->check_up_id; 
      $row[] = $patient->patient_fname; 
      $row[] = $patient->patient_lname; 
      $row[] = $patient->patient_mname; 
      $row[] = $patient->check_up_date; 
      $row[] = $patient->clinic_name; 
      $row[] = $patient->bill_amt; 

      $data[] = $row; 
     } 
     $output = array( 
      "data" => $data, 
     ); 
     echo json_encode($output); 
    } 

私は上記の私のチェックボックスにチェックを入れたときに私を助けてください隠さない私のデータテーブルである： https://jsfiddle.net/2j6w9hqt/27/

Answer 1

th要素を隠すだけで列の可視性を操作することはお勧めしません。

代わりにButtons extensionとcolvisボタンを使用してください。

$('#example').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
     { 
      extend: 'colvis', 
      columns: ':not(:first-child)' 
     } 
    ] 
}); 

コードとデモンストレーションについては、this exampleを参照してください。

また、チェックボックスを追加することで、カラムの視認性ボタンのデフォルトの外観も変更しました。詳しくは、this answerを参照してください。