javascript - 数据表显示/隐藏带有复选框的列

Question

我在 codeigniter 中有一个代码，并且我正在使用数据表，现在我想使用上面的复选框来显示/隐藏列，以让列隐藏或可能显示。我将使用以下代码填充 Controller 中数据库中的数据:

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了解更多详情。