Datatables 给行绑定选中事件

最新推荐文章于 2025-02-18 11:12:59 发布

转载最新推荐文章于 2025-02-18 11:12:59 发布 · 1.4k 阅读

DataTables 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用jQuery为表格行绑定选中事件的方法。通过点击表格中的任意一行，可以实现该行被选中并高亮显示的效果。如果再次点击已选中的行，则取消其选中状态。

 //给行绑定选中事件
         $('#table_id_example tbody').on( 'click', 'tr', function () {
            if ($(this).hasClass('selected')) {
                $(this).removeClass('selected');
            }
            else {
                table.$('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        } );