Home › Forums › Guriddo jqGrid JS › some problems
hello,
I am having some problems with jqgrid:
could you take a look?
This is my jsfiddle:
https://jsfiddle.net/lorife/dusqww2w/
thank you.
Hello lorife,
Thank you for the problems described and demo. I will replay ASAP today.
Kind Regards,
WIll
Guriddo Support Team
Hello,
1. The problem is fixed in github (See the demo)
2. I can not understand. The subgrid exceed the columns of the grid and not the visible columns. In case the grid width is smaller or equal to the visible columns you will see the correct scrolling.
3. There is no option autowidth on column. This option is applicable on the grid. When set to the subgrid it work correct. See the demo.
4. The click event is not atached correct when a formatter is used. To resolve the problem You should attach the click event in gridComplete event or use onclick property when define a button. See the demo.
5. Frozen columns does not work when subgrid is on See the limitations here
We have fixed theis problem disabling the freeze item when subgrid, treegrid or celledit are on.
6. The behavior is performed from the responsive option, which is set globally on all grids. As you know we devide the pager on 3 equal parts. In your case there is no room for all the pager buttons and other parts of the pager. (This is new behaviour from version 5.4). in order to solve the problem we have added new grid option forcePgButtons which creates the buttons instead of the above conditions – see the demo.
7. We can not reproduce. Can you please prepare a demo and send it to us. Maybe using rem untit as described below will solve the problem.
Important note. At end we highly recommend you to use rem for the font size instead of em. When using the second one every subgrid is created with reduced fontsize. The differences about using rem or em is described here
The non problematic setting is:
|
1 2 3 |
.ui-jqgrid { font-size:0.8rem } |
Kind Regards,
Will
Guriddo Support Team
Hello,
first of all thank you so much for your answers and for the fixes.
Thank you.
Hello,
1 Some time I forgot to test in all browsers. It is fixed now in both browsers.
2. I think you mix grid width with summary column width. In your example you have 3 columns which summary width of the column is little than the entire grid box width. This is the reason that your subgrid look like this. If your entrie grid box width is equal or smaller that the summary column width you will see the correct subgrid. Witrh other words subgrid take care of the grid box width. If you remove the altRows option you will not see the subgrid divided in two colors.
3. In your example the autosize does not work since the width of the data is about 7 pixel. The minimal column width is se with grid option. I can not remember the value of it.
7. I was able to reproduce your problem in Bootstrap setting a bigger number in the data. Will see how to fix it. Will
8. Thank you for the translation. I will publish it with the autosize fix.
Kind Regards,
Will
Guriddo Support Team
Thank you again.
Regarding .2 I understand what you’re saying.
But still, on a configuration like this, shouldn’t you something to fix the view?
Please check this attachment:
https://mega.nz/#!2JwWWSQL!QRFay4GIvaEQBgnrxoIxxxiWUFa079becJoDdCukEO8
i have added some notes
Hello,
We have fixed the problem with autosize in GitHub. Also the Italian translation is updated too – Thanks.
About your last note for the subgrid, we will see what can we do.
Thank you.
Kind Regards,
Will
Guriddo Support Team
Hello,
thank you for answering me and for the great support.
However, I tried but I do not see it working. Could you check my jsfiddle? first column still have missing numbers
Thank you,
Lorenzo
probably you were still releasing because now I see some changes and some other problems too:
what do you think?
i updated jsfiddle
Hello,
1 . This should be discussed. Suppose your column name is relative long, but you have small data in cell – what will be in this case? Not sure that this will be implemented.
2. Sure the calculation is based on the text and not on the padding of the html element within the cell. The procedure of calculating such thing is really heavy and suppose you have 2-3k rows – this will be incredible slow. We use the quick way. It really is a compromise, but our primary goal is speed.
3. As I say this should be discussed.
Guriddo Support Team
Just to give you a second opinion: I program also in delphi and I use devexpress grid. Those grids function like that:
this is just to give you some ideas.
Hello,
Sorry forgot to mention that the padding can be controlled from the developer and you can make it equal.
The default left and right padding in Bootstrap standard table is 12px or 0.75.em.
In our grid we do this.
|
1 2 3 4 5 6 |
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td { overflow: hidden; white-space: pre; padding-right: 2px; } |
If you wish to equal the booth padding you can
|
1 2 3 4 |
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td { padding-left: 2px; } |
after loading the grid css, but for this purpose you will need to use the latest from GitHub where we fix some layout problems
Thank you for recommendations – I will take these in account for our future release.
Kind Regards,
Will
Guriddo Support Team
Thank you.
for some reason your suggestion did not work but it worked this:
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
padding-right: 0.75rem;
}
Also, please try to consider what I suggested regarding the header.
I would like to use this new function but I cannot because the grid in my project starts empty and it displays all the columns name truncated. It’s really bad to see.
thank you again.
Sure we will consider these.
Hint: The option autosize in colModel is dynamically – i.e initially you can first make this option false and after you initial loading you can set it to true in that columns that needed it – using setColProp method.
In our terms it is better to tell us the problem that you need to solve.
Kind Regards,
WIll
Guriddo Support Team
Ok thank you for the suggestion!
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top