SlickGrid column header out of sync with body - slickgrid

What is the right way to keep column header in sync with body
I have tried (http://jsfiddle.net/wLPLA/4/) and got:
if number of columns is equal to 150
the cells of header row rendered wrong -- distorted at the end of row
If number of columns is equal to 200
the header row got wrapped
What is wrong? Has anybody got the same problem? Any fix?

It sounds like the problem is because of this line in slick.grid.js:212
try changing the width from 10000px to 20000px. I have a working jsfiddle here.

Related

Datatable column width

I am having problem with datatable. Its width is too much in some columns and in some columns it is adding line breaks please have a look at attached image.
Any help will be appreciated.
sorry about that chief, here's an example of how to set column width https://datatables.net/extensions/fixedcolumns/examples/initialisation/size_fluid.html

Is it possible to freeze headers on columns and rows in saiku?

Is there a feature to freeze headers on rows or/and columns in saiku? I am about to start working on this through css. Is there anyone else working on this feature?
Cheers,
itso
"Freeze headers on rows or/and columns in saiku"
you talk in fixed the header of table html when the user use the scroll?

BIRT Reports column not spanding the whole row as desired

I am fairly new to BIRT reports.
In the BIRT reports designer I have added a 2nd row to my table which is binded to a data set. In this 2nd row I want 1 column from my data set to take up the whole row.
So what I did was to add the second row and merge all the columns in that row to form one column. I then added a text field with Dynamic HTML Text.
<VALUE-OF>row["ITEMDESCRIPTION"]</VALUE-OF>
The problem I have is that the data is not taking the whole row. It is being wrapped into only a small section of the row. I must be missing something. Can someone help me with this pls.
I'm attaching both the way the end report looks like and also the screenshot of the set up in the designer.
End Result
Designer (you can see all the rows merged in the second row of the table and in the properties i can see a colspan of 10 for that single column)
thanks
I've found out that the asnwer to this question is to make the field element inline style rather than block and also to check the No Wrapping check box for this field int he designer.

on resizing jqgrid table header, header gets distorted

I am facing issue on resizing the jqgrid headers. When i try to resize them, the headers dont match with the actual row data(as seen in the snap below).
I want the header rows to resize along with the data rows.
Please help.
I have uploaded the image on the following link: Image-describing-shrink-issue
Thanks,
AP
For changing Column Header width in jqgrid use below code
$('.ui-jqgrid-labels > th:eq(2)').css('width','400px');
For changing Column cells width in jqgrid use below code
$('#gridId tr').find("td:eq(2)").each(function(){$(this).css('width','400px');});
How to change header and column width in jqgrid code example.

How to delete column showing row number

I am using jpGrid for showing data in table but i do not want to show column showing row number is anyone know how to remove that column?
You can Use "rownumbers: true" to display the row numbers. If this is what you are looking for.
To remove the rownumber/serial number column in grid then add the following line in the jqgrid code rownumbers: false

Resources