Hello,
Thank you for the information. It seems that thereare some problem with the newest Win update. I will test and replay when possible.
Kind Regards,
WIll
Guriddo Support Team
Hello,
One possible solution is with the code below and the following assumptions:
The grid has the id jqGrid and you want to rotate the heafes of the columns with name – Price and Quantity in colModel
Define the class rotate
1 2 3 4 5 6 |
<style> .rotate { transform: rotate( -90deg); } </style> |
after the grid is created do the following:
1 2 3 4 5 6 7 8 |
// refer to the table header row var trHead = $("#gview_jqGrid").find(".ui-jqgrid-htable thead:first tr"); // set the height manually $("th", trHead).height("80px"); // add class rotate to Price and Quantity to the div within the header cell $("#jqGrid_Price div", trHead).addClass("rotate").css('margin-left', '2px'); $("#jqGrid_Quantity div", trHead).addClass("rotate").css('margin-left', '2px'); |
Please let us know if this solves the problem
Kind Regards
Will
Guriddo Support Team
Hello,
As promised. We do not see any difference using aria-labelledby.
What we test is that the grid using Narrator work correct only with IE Edge – in other browsers there is quite bad interpretation.
We think that the grid work correct and in order to overcome some confusions here are the steps to go.
This example uses aria-labelledby, but the result is the same with aria-describedby.
Kind Regards,
Will
Guriddo Support Team
Hello,
Sorry for the late replay.
Unfortunately we do not have any success, but we do not test all possible variants. Will replay next week.
Kind Regards
Will
Guriddo Support Team
Hello,
We have answered you in the e-mail.
Kind Regards,
Will
Guriddo Support Team
Hello,
In this case you can use the generated id of the grid view or the entrie grid box.
If you do not know the entire grid is within a div which id is combination of gbox_ and the grid id. By example if one grid in page has id=customer, then the entire grid box has id=gbox_customer
To solve the problem add the id of the grid before tr selector something like this:
1 2 |
// remove the formated style $('#gbox_customer tr.footrow','.ui-jqgrid-ftable')... |
The above selector can be optimized.
The same for other selectors
Kind Regards
Will
Guriddo Support Team
Hello,
Thanks. We will try. We already have aria-describedby on table data pointing to id which is table header. Maybe arya-labeledby will work. We will try and let you know.
Kind Regards,
WIll
Guriddo Support Team
Hello,
A preferred bug tracking is GitHub
If you visit our support page you will see a bug tracking system link.
Thank you
Kind Regards,
Will
Guriddo Support Team
Hello,
Thank you for the explanation.
1 Unfortunatley this is not possible in our grid. Actually to make this happen it is needed to have only one table with table headers and body cells. Actually our Guriddo jqGrid is constructed from two table – one for the header and another for the body. This construction is used to make the grid scrollable and do other usefull stuff. This is the reason that the Narrator does not say this.
2. As I say our navigation keys are different – see the link provided in my previous post. Maybe it will be a good idea to make the navigation keys configurable. I will put this in our todo list
3. This will be fixed to the end of week.
Kind Regards,
Will
Guriddo Support Team
Hello,
Regarding 1. How do you test this. Please provide a step by step instructions what you do?
Regarding 2. – we do not provide specific screen readers table command (Narrator one are here ). We have defined our own. Suppose another readers are used – in this case we need to support a lots of keyboard shortcuts. I think you have missed to read our docs here
All we do is to support W3 ARIA standards which can be read here
3. Please provide again step by step instructions and how you do this.
Thank you
Regards,
Will
Guriddo Support Team
Hello,
No ideas. It depend where and how you do this.
One more hint. In If you want reduced padding you can use Bootstrap table-consensed class and set it. For this purpose how to do this you will need to read here
Kind Regards,
Will
Guriddo Support Team
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
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
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
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
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top