应用自定义样式后如何从 JS 数据表中删除条带化

Question

要删除数据表上的条带化，请添加：

stripeClasses:[]

但是我添加了以下样式来根据单元格的值更改背景单元格颜色：

        var table = $('#driverTable').DataTable({
            paging: false,
            scrollX: true,
            order: [[2, 'desc']],
            drawCallback: function (settings) {
                applyConditionalFormatting(this.api());
            },
            stripeClasses: []
        });
        $('input.toggle-vis').on('change', function (e) {
            e.preventDefault();

            var column = table.column($(this).attr('data-column'));
            column.visible($(this).prop('checked'));
        });
        function applyConditionalFormatting(table) {
            var higherIsBetter = {
                1: true,  // Races Count
                2: true,  // Rating
                3: false, // Start Position
            };
            for (var colIndex = 1; colIndex <= 17; colIndex++) {

                // Get all data in this column
                var data = table.column(colIndex, { search: 'applied' }).data();

                if (values.length > 0) {
                    var min = Math.min.apply(null, values);
                    var max = Math.max.apply(null, values);

                    // For each cell in this column
                    table.column(colIndex, { search: 'applied' }).nodes().each(function (cell, i) {
                       
                            }
                            // Set background color
                            var color = 'hsl(' + hue + ', 100%, 75%)'; // Adjust lightness as needed

它在我添加的自定义样式之上添加了条纹。

如何去除条纹？

Answer 1

我明白了。

我的桌子上有一个

class="display"

。无论如何，这都会应用默认样式，即使我添加

stripeClasses:[]

删除类属性后，它删除了条纹！