Jquery – Column Wordwrap in JQGrid

jqgridjqueryword-wrap

Anybody knows on how to wrap column names in JQGrid. Please find my JSON code below

colModel: [
{ name: 'RequestID', index: 'CreditRequest.CreditRequestID', width:100, align: 'left' },…..

With reference to the above code if the size of the content exceeds I want it to be wrapped. Any thoughts or comments

Best Answer

Just reference it in your own css file.

.ui-jqgrid tr.jqgrow td {
    height: 50px;
    white-space: normal;
}

As long as your css file is listed in the header after the jqGrid.css file then it will override it.

Related Solutions

Jquery – Sorting jqGrid in ASP.NET MVC client view with jQuery and LINQ-to-Entities

There are two basic ways to handle this. The grid can sort the data itself. I can't remember how to turn this on, because I never use this option. Generally, I work with datasets which are too large to return to the page, so I use the grid's paging features. This requires doing this sort on the server, since the grid will not see the entire dataset.

To do the paging on the server, add a sidx and a sord (both strings) argument to your action. sidx will be the name of the column to sort on. sord will be the direction, asc or desc.

I have a demo project which shows how to do this (using LINQ to Objects). But using LINQ to Entities is almost identical; I use LINQ to Entities in my production/non-demo code. Download the demo solution and look for yourself.

Jquery – JqGrid Select Box in a cell

Probably it is misunderstanding. You will see select box in cell only if the cell will be editing mode. For example you can include cell editing support in your local jqGrid if you include two additional parameters in the grid definition

cellEdit: true,
cellsubmit: 'clientArray'

You can also use inline editing instead.

I am not sure how your data in mydata array look like. It can be needed, that you have to add formatter:'select' additionally to the definition of the 'ship' column.

Best Answer

Related Solutions

Jquery – Sorting jqGrid in ASP.NET MVC client view with jQuery and LINQ-to-Entities

Jquery – JqGrid Select Box in a cell

Related Topic