其他分享
首页 > 其他分享> > jQuery的DataTables表插件:如何为tr和td设置CSS类

jQuery的DataTables表插件:如何为tr和td设置CSS类

作者:互联网

我试图使用数据表,表的查询插件将css类设置为一行.

初始化完成后,我设法在tr标签上设置了该类:

"fnInitComplete": function(oSettings) {
                                for (var i = 0, iLen = oSettings.aoData.length; i < iLen; i++) {
                                    oSettings.aoData[i].nTr.className = "myClass";
                                }
                            },

我想为每个新行设置一个回调,并设置为tr类a和td类b

我知道如何添加课程,我需要设置课程!

"fnRowCallback": function(nRow, aaData, iDisplayIndex) {
                                console.log(aaData);
                                $('tr', nRow).addClass('a');
                                $('td:eq(0)', nRow).addClass('b');
                                $('td:eq(1)', nRow).addClass('b');
                                $('td:eq(2)', nRow).addClass('b');
                                $('td:eq(3)', nRow).addClass('b');
                                return nRow;
                            },

这就是困扰我的地方:

$(‘tr’,nRow).addClass(‘a’);

我不知道如何将类设置为tr标签.

解决方法:

根据文档(fnRowCallback),nRow代表TR元素

所以这应该做:

$(nRow).addClass('a');

如果要向N#行添加类,可以使用此方法(只需构建适当的选择器):

$("tr:eq(" + rowNumber+ ")").addClass('a');

该字符串应如下所示:“ tr:eq(1)”

标签:datatables,javascript,jquery
来源: https://codeday.me/bug/20191123/2064482.html