Tried that, but it did not work.  I did find a good solution however:

It was to remove the entire HREF attribute from the <A> tag when it contained just "#".

This bit of Jquery did the trick:

$(document).on("click", ".view a[href^=\'#\']", function (e) {

    $(this).removeAttr("href");

});

Hello Mickey,

I tried to reproduce this issue, but with no success. I installed the HotTowel/Durandal template from a nuget package on top of an empty ASP.NET MVC 4 application and used jQuery UI 1.9.2 and Ignite UI version 13.1.20131.2039. I'm interested what build of the Ignite UI are you using, also what version of jQuery UI. Are you reproducing this issue in specific browser or it is across all the browsers.

P.S.: I also tried with Durandal SPA project template and couldn't reproduce it.

Thanks in advance,
Martin Pavlov
Infragistics, Inc. 

IgniteUI version 13.1.2039

Other software:

/// <reference path="jquery-ui-1.10.2.js" />

/// <reference path="bootstrap.js" />

/// <reference path="breeze.debug.js" />

/// <reference path="jquery-1.9.1.js" />

/// <reference path="knockout-2.2.1.debug.js" />

/// <reference path="moment.js" />

/// <reference path="q.js" />

/// <reference path="sammy-0.7.4.js" />

/// <reference path="toastr-1.1.5.js" />

It reacts the exact same in IE 10.0,  Chrome and Firefox.

Here is my grid def,its being created in the ViewAttached Durandel event:

var viewA = function (view) {

        employees = datacontext.getRawEmployeeData();

        $("#xgrid1").igGrid({

            dataSource: employees,

            dataSourceType:

'json',

            autoGenerateColumns:

false,

            defaultColumnWidth:

"100px",

            width:

"100%",

            fixedHeaders:

true,

            height:

"600px",

            columns:

            [

                 { headerText:

"ID", key: "EmployeeID", dataType: "string", width:"100px"},

                 { headerText:

"Last Name", key: "LASTNAME", dataType: "string", width: "200px" },

                 { headerText:

"First Name", key: "FRSTNAME", dataType: "string", width: "200px" },

                 { headerText:

"Position", key: "Position", dataType: "string", width: "200px" },

                 { headerText:

"HR Status", key: "HRStatusDescription", dataType: "string", width: "200px" },

                 { headerText:

"Location", key: "OfficeLocation", dataType: "string", width: "250px" }

            ],

            features:

            [

               { name:

"GroupBy", type: "local"},

               { name:

"Sorting",

                   type:

"local",

                   columnSettings:

                   [

                     { columnKey:

"EmployeeID", allowSorting: false }

                   ]

               },

               { name:

"Filtering",

                   type:

"local",

                   filterDropDownItemIcons:

false,

                   filterDropDownWidth: 200,

                   columnSettings:

                   [

                     { columnKey:

"EmployeeID", allowFiltering: false }

                   ]

               },

               {

                     name:

"Selection",

                     mode:

"row",

                     activeRowChanged:

function (evt, ui) {

var a = 1;

                     }

               },

               {  name:

"Hiding",

                   columnSettings:

                   [

                     { columnKey:

"EmployeeID", allowHiding: false, hidden: false },

                     { columnKey:

"FRSTNAME", allowHiding: false },

                     { columnKey:

"LASTNAME", allowHiding: false }

                   ]     

               }

            ]

          });

       }

Hi,

1. When I try to sort the data by clicking on the MVC grid header, the whole data disappears and on clicking on it again displays the data.

I am using IE11 and it is not consistent.

2. When I removed Sorting feature of the MVC grid, the header back ground color is White which is same as the text. I tried changing the Header background color,

it is not getting reflected.

Can you please suggest any thing.

Thanks

Shirisha

Hello smaple2dt,

Please let me know if you have any questions.