Turn off Borders when Adding filter to KendoSpreadsheet

[Daniel]

I using this very simple example of kendoSpreadsheet and when I added filters, it applies a colored border around all filtered rows and columns, then shows another colored border around selected cells. I have one simple question. How do you turn that off? I find it very hard on the eyes and distracting.

 

  $("#spreadsheet").kendoSpreadsheet({
        select: onSelect,
        change: onChange,
        toolbar: {
            home: [{
                type: "button",
                text: "Comments",
                showText: "both",
                icon: "k-icon k-i-cog",
                click: function () {
                    makeDialog();
                    openDialog();
                }
            }
            ]
        },
        sheets: [{
            name: "TimeTracker",
            filter: {
                ref: "A1:E3",
                columns: []
            },
            columns: [
                { width: 100 },
                { width: 100 },
                { width: 100 },
                { width: 100 },
                { width: 100 }
            ]
        }
        ]
    });

[Neli]

Hi Daniel,

You can change the border style of the filtered area by using the k-filter-rangeclass:

<style>
      .k-filter-range{
        border-color: #cacaca !important;
      }
</style>

Here is a Dojo example where this si demonstrated. 

Regards,
Neli
Progress Telerik