We are using the Kendo Pivot grid wrapped in Angular2 component. We are able to populate the pivot grid, but we are facing some issues in the following items
1. How do I change the background-color of the columnheader or grouping header in Pivot grid. I tried applying the following css in the custom.css but it is not getting affected with the grid.
.k-grouping-header k-grid-header th.k-header{
    background-color: #F7F7F7 !important;
}
2. How do I get the Subtotals at the group level and Grand total at the overall level? 
3. how to include the Grouped column name along with "All" in the group by RowHeaders (please refer the snapshot attached for more details)

Can anyone help me with these issues?

How do I change the background-color of the columnheader/rowHeader or grouping header in Kendo Pivot grid. I tried applying the following css in the custom.css but it is not getting affected with the grid. These classes are originally present in the kendo.common.min.css and I want to override it my custom CSS class.

how do I change or override it?

We generate a Json DataSource with C# and passing it to a JavaScript var.

var gridAllMessagesData = <%= gridAllMessagesDataSource %>;

        $(document).ready(function() {
            $("#GRIDAllMessages").kendoGrid({
                dataSource: {
                    data: gridAllMessagesData,
                    ...

Beacause of this we have to load all Data at pageload, which causes very big performance issues.
Ist there any way to load only the grid page, which the user is visiting?

Or is there any best practice to pass data to a Kendo UI grid with ASP?

In our below case:

http://dojo.telerik.com/irEje/2

1. Select in the second row: Org 3, so that the multiselection value is Org4, Org 3

2. Click outside the grid

3. Select again in the second row: Org 3, you will see that the value becoms: Org4, Org3, Org 3

Hi,

I'm trying to add http header to transport read in angularJS.

I use bellow option, but It did not work. I think this is because JQuery function did not work in angularJS frame. Can you give me some guide?

            beforeSend: function(req) {
                req.setRequestHeader('Authorization', auth);
            }

PS, could you give me some information for Kendo UI Integrate angularJS. I am not sure Kendo UI will work perfectly in angularJS. I use angularJS 1.X.

Thanks very much!

We want to do some calculations to determine if the axis labels and legend box of the chart should be displayed based on the plot area size(check blue highlighted areas on attached image).
Is there any way to get the size/dimensions for that element?

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: '/OFB/GetMijnUrenOpAct',
            dataType: "json",
            contentType: 'application/json; charset=utf-8',
            type: "GET",
	    data: {
		sendVar1: var1,
		sendVar2: var2
	    }
        }
});

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: '/OFB/GetMijnUrenOpAct?sendVar1=' + var1 + "&sendVar2=" + var2,
            dataType: "json",
            contentType: 'application/json; charset=utf-8',
            type: "GET",
        }
});
I also tried doing a POST instead of a GET.
Is there another way to do this? 

Hi,

we use our own bootstrap and kendo themes. All works well, but one problem: because we use a very dark accent color (default is #428bca, we use #242b46) the close icon (x) is not visible on the buttons. This happens because the x-sprite is black or a very grey dark that leads to very low contrast and quasi invisibility.

So please, how to achieve, that the x-sprite is white?

Thanks for your reply.