Quiero estirar la última columna en Flexigrid

Question

No encontré ninguna forma de aplicar el ancho de columna en flexigrid en términos de porcentajes.
he dado longitudes absolutas de la siguiente manera:

colModel : [ 
    {display:'ISO', width:50}, 
    {display:'Name', width:300}, 
    {display:'Printable Name', width:200}, 
    {display:'ISO3', width:200}, 
    {display:'Number Code', width:100}, 
], 

Así que lo que está sucediendo es que cuando cambio el tamaño de las últimas columnas del hay un espacio en blanco a la derecha de la misma. Por favor, consulte la captura de pantalla.

¿Hay una manera de hacer última columna ocupar el espacio restante y resto de las columnas absolutas. Esta característica se implementó en Flex en nuestra aplicación y no hay manera de que sepa cómo se hace.

Answer 1

Hiya demostraciónhttp://jsfiddle.net/GNqZn/1/showyhttp://jsfiddle.net/GNqZn/1/

es probable que tenga que escribir una función personalizada como esto que escribí para este caso específico en demostración anterior:

En la demo por encima de mi vista de tabla tenían 700 width and 4 columns before number code hence 700/4

Lea aquí: http://groups.google.com/group/flexigrid/browse_thread/thread/3da4473a5f467cea

Espero que esto te ayude en la dirección correcta y la demo te ayudará a jugar. ¡aclamaciones!

Esto no es una bala de goma, pero puede hacerlo ajustando para su necesidad específica. :)

ACTUALIZACIÓN 5 ª de junio de Para dar una demostración sencilla OP: http://jsfiddle.net/2TkyR/22/ohttp://jsfiddle.net/gaNZR/11ohttp://jsfiddle.net/gaNZR/11/show/

Si me puede recomendar es de vital importancia si se lee poco más sobre el plugin, jugar una poco te sentirás más seguro.

Consulte una imagen adjunta a continuación Todo lo que necesita hacer es agregar esta función de personalizar según sus necesidades.

Por favor leer esto: http://flexigrid.info/ y algunos buenos tutoriales & esto: http://www.kenthouse.com/blog/2009/07/fun-with-flexigrids/ código

Jquery

function GetColumnSize(percent){ 
    screen_res = (700/4)*0.95; // 700 is the width of table; 
    col = parseInt((percent*(screen_res/100))); 
    if (percent != 100){ 
     // alert('foo= ' + col-18); 
     return col-18; 
    }else{ 
     // alert(col); 
     return col; 
    } 
} 

llaman como estowidth : GetColumnSize(100),

$("#flex1").flexigrid({ 
     url: 'post2.php', 
     dataType: 'json', 
     colModel : [ 
      {display: 'ISO', name : 'iso', width : 40, sortable : true, align: 'center'}, 
      {display: 'Name', name : 'name', width : 180, sortable : true, align: 'left'}, 
      {display: 'Printable Name', name : 'printable_name', width : 120, sortable : true, align: 'left'}, 
      {display: 'ISO3', name : 'iso3', width : 130, sortable : true, align: 'left', hide: true}, 
      {display: 'Number Code', name : 'numcode', width : GetColumnSize(100), sortable : true, align: 'right'} 
      ], 

2 Imágenes siguientes

Imagen 1

Imagen 2