I want to add a header to my JQgrid without pushing a custom div right above my grid. I found the caption option which appears to create a header that looks good. However, right below the header another div appears which is ~4x the height of the header. This looks to simply be a div that allows a user to hide or unhide the entire grid.
Question 1: Is this hide/unhide supposed to be this big? My height and width are both set to auto for the grid.
Question 2: Is there a way to easily remove this hide/unhide area?
If you think you need source code or an image to show the problem let me know and I'll post it. It needs to be scrubbed of company data first, hence me not putting it in the initial post.
Is this the same issue as Large header in jqGrid?
Both answers include workarounds to get rid of the huge header.
Related
Okay, I know that the question is hard to digest.
So I hope this attached picture will make more sense of my question.
Basically I want to maintain some space between my header and my tablix after first page.
I use bottom border for my header and user don't want to see the table and the header just glued together.
tried to put empty textbox (hidden) but not really working as I can't repeat the textbox on subsequent page.
It looks as though you have a gap between the top of the Report Body section and the top of your tablix - this would lead to an extra gap on the first page, which is not repeated on subsequent pages.
If you move your tablix so that there is no gap between it and the top of the Report Body section, this should resolve the problem.
Mark Bannister's answer is correct. Your pictures incorrectly place space between the header and content - tablix. The header shares a border the content - tablix not the body.
The solution, is to place an empty header in your report and that will create the space between the top of the page and the content - tablix you need.
I am having a grid whose configuration is placed in server for purely customizing sake where User can decide which columns he need to view and save the template.
Now if I want to have this feature present in grid whose configuration is also maintained in client side. How do I achieve it.
Pardon me if I m not clear or being a noob, I am still learning jqgrid .
Your question is too common formulated. I would recommend you to read the answer, this one and this one which shows how the user could save the state of grid and to hide some columns, to change there width or order the columns. If I understand your question correctly, then the answers will provide you the main ideas for the implementation of your requirements. You can just try the demo, make some changes in the grid and then close the demo and visit the demo once more. You will see that the hidden columns stay hidden, the order and the width of columns will stay persistent and so on.
Is it possible to display two editable text boxes in one cell of the JqGrid
Sorry, but the description of the problem in the comment to your question still don't contain any examples which shows why you have to display two text boxes in one cell. Moreover you still not answered on the question: which editing mode you use?
The problem is the following: if you use some software product you can use a lot of its standard features. In the case the implementation will be short and you can make very nice solution writing very small code. If you one the other side would try just follow your original imagination of how all should looks like you can spend many time and to write a lot of code. As the result from the point of view of the user who will work with your site all will be almost the same as in the simple solution. Is it really required?
If you would use form editing for example you can easy display additional textboxes, checkboxes or textareas from hidden columns. jqGrid automatically create controls for all hidden columns which have editable: true property. So what you need to do in the case is just to show hidden field in the form with respect of $.show (like in the answer).
I used the same concept in "trirand.com/blog/jqgrid/jqgrid.html#";
There in the Row editing --> Custom edit, JqGrid demo examples, its displaying three buttons on a one cell.
in JQGrid 3.8, is it possible to have an icon instead of text in a column ?
I don't think it's possible but if you have a trick, i'd be happy
There are many ways to add icons in the grid. First way is: the data which be placed in the column header (colNames) or inside of the cell data could be HTML data. So you can easy insert the <img> element in the grid. One more method is th use custom formatters. See here some demos. If the standard jQuery UI icons contain all the icons which you need I would recommend you to use there.
I'm having a bit of problems creating a DataGrid with a header label AND a text box (at this point I'm not even entirely sure this is possible).
Here's what I want to do:
I need to dynamically create a table (the number of columns can and will change, so the grid needs to be created dynamically and cannot use bindings specified in the XAML code or similar). All the columns however will always be text columns.
Because those will be text columns, I'd like to add a text box to each header to enable simple filtering of the data in the DataGrid. I don't want to add extra text fields to OTHER parts of the Silverlight page, as I want to keep things as compact as possible. Also, since the number of columns is dynamic, adding a large number of text boxes above the DataGrid wouldn't look too good either. ;)
Also, if possible, I'd like to keep a label in each header to display the names of the columns as well.
So far I've tried adding the a TextBox as the Header of a DataGridTextBoxColumn but when I do that in a very simple Silverlight project, the whole DataGrid won't show up.
Please help.
EDIT:
I saw the answer to this question: placing a text box inside the silverlight data grid column header
However, the answer itself didn't give me much to go on (the example is too short, and I'm not too good with XAML yet), and the code on CodePlex just adds extra fields to the Silverlight page. None of it tackles the problem of dynamically creating the DataGrid.
OK, here's what I did that solved my issue...
I had to use a Style to achieve the functionality of having an extra text box inside each column header and filling out the Tag property of each thus created TextBox to later find out which column has been changed.