I had a table with the following header;

<thead> 
            <tr> 
               <th field="descp" width="30%" >description</th> 
               <th field="quan" width="16%" align='right'>quantity</th>
            
            </tr>   
</thead> 

How can I change to 2nd column header title (during runtime) from 'quantity' to, say 'amount'?

thanks,
Mak

Dear All;

I tried to specify the width of table in percent, like 'width:100%' as below:

<table id="currSS"  class="easyui-datagrid" style="width:100%;height:150px" 
            url="curr_ss.php?hdr=plee"   pagination="false" idField="descp" 
            rownumbers="false" fitColumns="true" singleSelect="true" showFooter="true"
          > 

The width of table turns out to be 100pixels, instead of the 100%  of browser width, please tell me how to specify the width of table to 100% of browser width.

Thanks,
mak

Why is there no alert box pop up after the table being populated??

<table id="newcases"  class="easyui-datagrid" style="width:350px;height:270px" 
            url="load_data.php"   pagination="false" idField="ym" 
            rownumbers="false" fitColumns="true" singleSelect="true" showFooter="true"
            onLoadSuccess:function(data){alert("load ok");}
            onLoadError:function() {alert("load fail");} > 
            <thead> 
            <tr> 
               <th field="ym" width="25%" >Month</th> 
               <th field="newc" width="25%" align='right'>Brand New</th>
               <th field="evanc" width="25%" align='right'>From Old</th>
               <th field="ttl" width="25%" align='right'>Total</th>
               
            </tr>   
            </thead> 
         </table> 

In a datagrid, I write an 'afterEdit' event handler, why the reloaded grid did not reflect the change in row data?

     onAfterEdit: function(rowIndex, rowData, changes) {
            
       // reload the grid
        $('#dg').edatagrid('reload');
       // select back the row
        $('#dg').edatagrid('selectRow', rowIndex);
               
       // fetch that row from the updated grid
   var row = $('#dg').edatagrid('getSelected');
   alert(rowData.tx);  // show the new updated value
   alert(row.tx);        // show the old value!!!
     }

is the variable 'items' an array?
I try alert(items[0]), it display [object object]. How can I display the content?

How to get the array of items in the combobox? the following did not work:

$var =  $('#cc').combobox('getData').data;

How to access the text of, say, 3rd element of the combobox value? the following not work.

$var =  $('#cc').combobox('getData').data;
alert($var[1][2]);

thanks.

Hi experts;

To edit the selected row in a datagrid, we need the selected row index. What to be put in the __________ parameter in the following call to fulfil the purpose?

function edit_row() {
   var row = $('#dg').edatagrid('getSelected');
   if (row) {
      $('#dg').edatagrid('editRow',__________);
   }
}

thanks.

Hi expert;

The easyui document mentioned that the 'data' property of the datagrid is an array object, however, I cannot get the size of this data array by issuing:

var arr = $('#dg').datagrid('options').data;
alert(arr.length); 

How can I achieve the goal?

thx

Dear Everybody;

What event will fire when user 'left' click the header of datagrid? Seems it is not available from the documentation.

Mak

Hi everybody;

How can I get the value of url property in a datagrid, say #dg?

$('#dg').url  did not work.


Thx