nested grid line problem

[mustafaParticipant]

hello I did this sample
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/nestedgrids.htm

But the line does not appear
What is the problem? thank you

// nested grid

   var nestedDataAdapter = new $.jqx.dataAdapter(nestedSource);
        if (grid != null) {
            grid.jqxGrid({
                source: nestedDataAdapter, editmode: 'selectedrow', selectionmode: 'singlerow', enabletooltips: true, editable: true, width: '98%', height: 200 ,
                columns: [
             
               
                ],
            });
        }
    }

// master grid

 $("#Gd_ExpensesGrid").jqxGrid(
       {
           width: '98%',
           source: dataAdapter,
           pageable: true,
           sortable: true,
           altrows: true,
           height: '500px',
           theme: 'arctic',
           initrowdetails: initrowdetails,
           virtualmode: false,           
           rowdetailstemplate: { rowdetails: "<div id='grid'></div>", rowdetailsheight: 350, rowdetailshidden: true },
           
           rowdetails: true,
     
           editable: false,
           columns: window.Gd_ExpensesGrid.columns,
           showtoolbar: true,
           
           },

       });

[DimitarParticipant]

Hello mustafa,

The provided code is insufficient for us to determine the source of the issue. Please provide us with your complete JavaScript code, including the script references.

Please also note that the rowdetails setting "<div id='grid'></div>" is not recommended because that means all nested grids will have the same id and more than one HTML element with the same id is not allowed on the same page.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts