Jquery Datatable Check是一款常用的jquery表格插件,它可以方便地實現數據列表的展示和篩選,同時也可以支持單行或者多行選擇。
在Datatable Check中,我們可以使用以下的代碼實現單選或多選的操作:
//初始化Datatable Check表格 $('#example').DataTable(); //單選操作 $('#example tbody').on('click', 'tr', function () { if ($(this).hasClass('selected')) { $(this).removeClass('selected'); } else { table.$('tr.selected').removeClass('selected'); $(this).addClass('selected'); } }); //多選操作 $('#example tbody').on('click', 'tr', function () { $(this).toggleClass('selected'); });
在上面的代碼中,我們首先需要對Datatable Check表格進行初始化,然后在表格中選中的行會通過添加selected類進行標記。對于單選的操作,我們在點擊某一行時,會先判斷該行是否已經選中,如果已經選中,則移除selected類;否則,將已經選中的行取消選中,并將當前行添加selected類。對于多選的操作,則直接通過toggleClass方法來切換selected類。
除了單選或多選的操作,Datatable Check還提供了很多其他的定制功能,例如對表格的分頁、排序、搜索等進行設置,同時也可以對表格的顯示樣式進行自定義。
總之,通過Datatable Check的幫助,我們可以輕松地創建出一個功能強大、易于定制的數據列表。
上一篇mysql.5.7.12
下一篇兼容ie8的css插件