html表格中的条件格式

时间:2017-08-01 12:52:55

标签: javascript jquery html

我在HTML表格中使用jquery完成了条件格式化。它在datatable的第一页上运行正常,但是从第二页开始,它无法正常工作。我正在使用此代码:

   $("table.dataTable td:nth-child(6)").each(function () {

                if (parseInt($(this).text(), 10) > 0) {

                    $(this).parent("tr").css("background-color", "#baf2ef");
                    $('tr').each(function () {
                        var tds = $(this).find('td');
                        var len = tds.length;

                        for (var i = 0; i < len; i++) {
                            $(tds[i]).css('text-align', 'center');
                            // $(tds[i]).css('white-space', 'nowrap');
                        }
                    });
                }

                else {

                    $('tr').each(function () {
                        var tds = $(this).find('td');
                        var len = tds.length;
                        for (var i = 0; i < len; i++) {
                            $(tds[i]).css('text-align', 'center');
                            // $(tds[i]).css('white-space', 'nowrap');
                        }
                    });
                }
            });

请帮忙。

1 个答案:

答案 0 :(得分:0)

您必须在数据表的页面事件上执行js函数。

$('table.dataTable').on('page.dt', function () {
    //your code here
});

这尚未经过测试,您可能需要处理一个问题:代码可能会在寻呼机加载内容之前执行。

让我知道,

相关问题