EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Darrel on November 10, 2016, 03:56:32 AM



Title: datagrid Footer Issue
Post by: Darrel on November 10, 2016, 03:56:32 AM
I have a problem with the datagrid footer...... it is not getting displayed what can be the issue ... need help!

My Json is as follows:-

{"TABLE0":{"TABLE_DATA":{"ROW_DATA":[{"HASH_WHERE":"@PARAM11:PBTEST01,@PARAM01:DARRTEST01,@PARAM1:DARRTEST01","WI_SID":"WDL_101","tbl_header_code":"PBTEST01","tbl_header_desc":"PBTEST01PBTEST01PBTEST01PBTEST01PBTEST01PBTEST01","ENTITY":"UNMAPPED","col8":"30","col9":"UNMAPPED","col6":"NSCCL","col7":"3","col4":"NSE","col5":"J P MORGAN INDIA PVT LTD","col2":"05/04/2015","col3":"0001BON1","col0":"DARRTEST01","col1":"03/04/2015"}],"COL_DATA":[[{"formatter":"createLink","field":"col0","width":"20.0%","sortable":"true","title":"Transaction Reference","halign":"center","align":"center"},{"field":"col1","width":"20.0%","sortable":"true","title":"Trade Date","halign":"center","align":"center"},{"field":"col2","width":"20.0%","sortable":"true","title":"CSD","halign":"center","align":"center"},{"field":"col3","width":"20.0%","sortable":"true","title":"Instrument Name","halign":"center","align":"center"},{"field":"col4","width":"20.0%","sortable":"true","title":"Exchange","halign":"center","align":"center"},{"field":"col5","width":"20.0%","sortable":"true","title":"Broker Name","halign":"center","align":"center"},{"field":"col6","width":"20.0%","sortable":"true","title":"Counter Party","halign":"center","align":"center"},{"field":"col7","width":"20.0%","sortable":"true","title":"Quantity","halign":"center","align":"center"},{"field":"col8","width":"20.0%","sortable":"true","title":"Net Settlement Amount (INR)","halign":"center","align":"center"},{"field":"col9","width":"20.0%","sortable":"true","title":"Trade Status","halign":"center","align":"center"}]],"footer":[{"name":"Total","price":282.35},{"name":"Average","price":31.37}]}}}



and the datagrid that i am forming has the following attributes:-

$("#RESULT_TABLE"+i).datagrid({
      columns: colData,
      data: rowData,
      singleSelect:true,
      sortable:true,
      multiSort: true,
      remoteSort: false,
      height:'auto',
      pagination:true,
      striped: true,
      rownumbers: true,
      showFooter:true
   });

    $("#RESULT_TABLE" + i).datagrid('clientPaging');


That rows and columns are properly getting diaplyed but the footer is not getting displayed.....


Title: Re: datagrid Footer Issue
Post by: stworthy on November 10, 2016, 04:57:07 AM
Your columns haven't 'name' and 'price' fields. Please look at this example http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem=Footer%20Rows%20in%20DataGrid