Jquery Ajax将数据加载到Bootstrap表中

时间:2017-08-09 18:52:33

标签: jquery datatable bootstrap-4 columnsorting

我正从服务器加载带有JSON数据的bootstrap表。默认情况下,数据表具有排序功能。内表td颜色根据值变化。为此,我写了这段代码:

"fnRowCallback": function ( nRow, mData, iDisplayIndex, iDisplayIndexFull  ) {
                if(mData['state'] == 'Healthy'){

                     $('td', nRow).eq(1).addClass('green');
                }

                if(mData['state'] == 'Non Healthy'){

                     $('td', nRow).eq(1).addClass('red');
                }

                if(mData['state'] == 'Degraded'){

                     $('td', nRow).eq(1).addClass('yellow');
                }

                if(mData['state'] == 'Shutting Down'){

                     $('td', nRow).eq(1).addClass('red');
                }
            }

这很好用。但与此同时,当我对该列进行排序时,我正在失去那个td的颜色。

0 个答案:

没有答案