JQuery Grid for ASP.NET MVC Razor

Question

I want to create a customized grid in ASP.Net MVC having following features

• Editable columns (not all) based on conditions.
• Setting backcolors of columns based on conditions.

Please suggest me what is the best & simple JQuery library available for gridview functionality (as in ASP.NET).

I have dome some research on this and found this library.

• JQuery Datatable
• JQXGrid (But this is paid)

Answer 1

You can use jQGrid plugin, its really very flexible and easy to use.

To edit any colums based on condition, you can use set editable property to true or false conditionally.

{
      name: 'ColumnName', index: 'ColumnName', align: 'left',
      editable: function(cellvalue, options, rowObject){
                        //Put some condition here, return true or false
                }, 
     edittype: 'text', sortable: false, width: 7, search: true,
     editoptions: {
                 //Custom attributes
                requiredfield: "true", reqerrmsg: "Please enter data.", 
                caseType:"alphanumnolessgreater", maxlength: 500 }
                  }

Answer 2

I suggested him Kendo UI server and only the part of the tool is paid, it is better to have ever seen.

Who advise JQXGrid is not because it sucks