Jquery datatable - 选定的行突出显示问题答案

【问题标题】：Jquery datatable - Selected row hightlight issueJquery datatable - 选定的行突出显示问题
【发布时间】：2013-07-16 18:14:24
【问题描述】：

在我的数据表中，从搜索按钮操作中获取结果。所以第一次搜索结果选择的行高亮工作良好，但再次搜索这些结果没有突出显示。为什么第二次选择的行高亮效果不好？请指教...

这个演示没有模拟我提到的问题，但与工作数据表类似..

演示：demo

$('#products1 tbody tr').live("click", function () {

    if ($(this).hasClass('selected1')) $(this).removeClass('selected1');
    else
    {

        $(this).siblings('.selected1').removeClass('selected1');
        $(this).addClass('selected1');
    }

     $("#dialog-form").data('rows', oTable.fnGetData( this ));

});

【问题讨论】：

标签： jquery datatables tabletools

【解决方案1】：

请尝试使用fnCreateRow 回调。

"fnCreatedRow": function( nRow, aData, iDisplayIndex ) {
    $(nRow).on('click', function (){
        if ($(this).hasClass('selected'))           
            $(this).removeClass('selected');
        else
        {
            $(this).siblings('.selected').removeClass('selected');
            $(this).addClass('selected');
            $("#dialog-form").data('rows', oTable.fnGetData( this ));

        }

    });   
}

我已经更新了 jsFiddle。 http://jsfiddle.net/rwPFx/37/

希望对你有帮助。

问候，

【讨论】：