Turn off Borders when Adding filter to KendoSpreadsheet

1 Answer 19 Views
Spreadsheet
Daniel
Top achievements
Rank 1
Iron
Daniel asked on 16 May 2022, 06:31 PM

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 }
            ]
        }
        ]
    });

1 Answer, 1 is accepted

Sort by
1
Neli
Telerik team
answered on 19 May 2022, 10:19 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Spreadsheet
Asked by
Daniel
Top achievements
Rank 1
Iron
Answers by
Neli
Telerik team
Share this question
or