How to specify the width of a slick grid in percentage?

javascript slickgrid
Padmanabhan picture Padmanabhan · Jun 21, 2010 · Viewed 14.3k times · Source

Is anybody knows how to set width of the grid in percentage?

for example but in the page the width of grid is more than 2000 pixels. It does not get adjusted to page width.

Any help would be appreciated.

Thanks Padmanabhan

Answer

Khon Lieu picture Khon Lieu · May 29, 2012

i see that this question is really old, but i came across this question while trying to figure out how to get my columns to take up the full width of the table. hopefully it'll help someone someday.

i couldn't figure out how to set the column widths explicitly but i did get it to work implicitly.

here's how to do it:

first in your column declaration add width: 300 (or whatever width you want)

{id:"name", name:"Student Name", field:"firstName", width: 300}

set this for all your columns, the ones you want wider put a bigger number, e.g. 500

then in your options declation add forceFitColumns: true

{enableCellNavigation: true, enableColumnReorder: false, forceFitColumns: true};

by doing this i was able to get my table columns to take up the remaining space of the table, and maintain the portions i want relative to each other.

Related questions

JavaScript data grid for millions of rows

I need to present a large number of rows of data (ie. millions of rows) to the user in a grid using JavaScript. The user shouldn't see pages or view only finite amounts of data at a time. Rather, it …

Read More
SlickGrid: Simple example of using DataView rather than raw data?

I'm working with SlickGrid, binding data directly to the grid from an Ajax call. It's working well at the moment, the grid updates dynamically and is sortable, and I'm using a custom formatter for one column: var grid; var columns = [{ …

Read More
get data of selected rows in slickgrid

I have a slickgrid in which some rows are hidden by a filter (DataView). When I now call the getSelectedRows method of the grid I get the indices of the visibly selected rows. But I need the actual data of …

Read More