close

使用dataTable要實作列的多選功能,有使用dataTable分頁的話不能使用HTML & JS取得的方式,因為表格內容會只有當分頁的,抓不到其他分頁內容,必須使用dataTable內建的API才行。

 

方法:

1. 在tr上加上toggleClass語法,選定的列會加上某個class

var table = $('#example').DataTable();

$('#example tbody').on( 'click', 'tr', function () {
        $(this).toggleClass('selected');
} );

 

2. 取得選取列的內容

table.rows('.selected').data();

--

參考自 https://datatables.net/examples/api/select_row.html

--

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 dizzy03 的頭像
    dizzy03

    碎碎念

    dizzy03 發表在 痞客邦 留言(0) 人氣()