Thank you

Best Regards

Tony

Should I just leave it like that, or was this a testing step?

jquery.jqGrid.js i.e.

<script src="js/grid.base.js" type="text/javascript"></script>

<script type="text/javascript">
            // We use a document ready jquery function.
            jQuery(document).ready(function(){
                jQuery("#list2").jqGrid({
                    // the url parameter tells from where to get the data from server adding ?nd='+new Date().getTime() prevent IE caching
                    url:'DisplayResults.php?nd='+new Date().getTime(),
                   
                    // datatype parameter defines the format of data returned from the server in this case we use a JSON data
                    datatype: "json",
                   
                    // colNames parameter is a array in which we describe the names in the columns. This is the text that apper in the head of the grid.
                    colNames:['First Name', 'Last Name', 'Attending','Meal Choice','Guest First Name', 'Guest Last Name', 'Guest Attending','Guest Meal Choice','Last Updated'],
                   
                    // colModel array describes the model of the column.
                    // name is the name of the column,
                    // index is the name passed to the server to sort data
                    // note that we can pass here nubers too.
                    // width is the width of the column
                    // align is the align of the column (default is left)
                    // sortable defines if this column can be sorted (default true)
                    colModel:
                    [
                        {name:'fname1',index:'fname1', width:85},
                        {name:'lname1',index:'lname1', width:95},
                        {name:'attend1',index:'attend1', width:70},
                        {name:'meal1',index:'meal1', width:210},       
                        {name:'fname2',index:'fname2', width:120},
                        {name:'lname2',index:'lname2', width:120},
                        {name:'attend2',index:'attend2', width:110},
                        {name:'meal2',index:'meal2', width:210},       
                        {name:'update',index:'`update`', width:150}
                    ],
                   
                    // pager parameter define that we want to use a pager bar in this case this must be a valid html element.
                    // note that the pager can have a position where you want
                    pager: jQuery('#pager2'),
                   
                    // rowNum parameter describes how many records we want to view in the grid. We use this in example.php to return the needed data.
                    rowNum:50,
                   
                    // rowList parameter construct a select box element in the pager in wich we can change the number of the visible rows
                    rowList:[50,100,150],
                   
                    // path to mage location needed for the grid
                    imgpath: 'themes/coffee/images',
                   
                    // sortname sets the initial sorting column. Can be a name or number. this parameter is added to the url
                    sortname: 'lname1',
                   
                    //viewrecords defines the view the total records from the query in the pager bar. The related tag is: records in xml or json definitions.
                    viewrecords: true,
                   
                    //sets the sorting order. Default is asc. This parameter is added to the url
                    sortorder: "desc",
                    caption: "RSVP Information",
                    height:500
                });
            });
        </script>

Now in IE I get the error: "Object doesn't support this property of method" on line 27 Character 5, which is the following line:

jQuery("#list2").jqGrid({

Any idea what this error is?

Instead of using:

jQuery(document).ready
(
    function()
    {
        jQuery(”#list2″).jqGrid
        (
            {             
                url: …
                           datatype: …
                            …
            }
        )
    }
)

Please try:

jQuery(document).ready(    function(){
    jQuery(”#list2″).jqGrid({
        url: …
                datatype: …
                …
        })
})

http://schenzcustomdesigns.com.....sults.html