datatable 按照单数偶数行,改变行的样式
时间: 2024-03-14 16:44:56 浏览: 11
要按照单数偶数行分别改变 DataTable 表格中行的样式,可以使用 rowCallback 方法和 CSS 伪类选择器。以下是一个示例:
```javascript
$(document).ready(function() {
$('#example').DataTable({
"rowCallback": function( row, data, index ) {
if ( index % 2 === 0 ) {
$(row).addClass('even');
}
else {
$(row).addClass('odd');
}
}
});
});
```
上面的代码中,我们首先在 DataTable 中定义了一个 rowCallback 方法,它会在每一行被创建时被调用。在方法内部,我们判断了每一行的索引值 index 是否为偶数,如果是偶数,则为这一行添加 "even" 类,否则为这一行添加 "odd" 类。然后,我们可以使用 CSS 中的伪类选择器来分别给奇数行和偶数行设置不同的样式:
```css
tr.even {
background-color: #f2f2f2;
}
tr.odd {
background-color: #ffffff;
}
```
上面的样式会使偶数行的背景色为浅灰色,奇数行的背景色为白色。
希望这些信息能够对您有所帮助。如果您还有其他问题,可以随时问我。