Flexigrid - Lightweight but rich data grid

[eluser]swhitlow[/eluser]
This control is just incredible! It has really helped me out with some projects.

I was wondering - I have recently included it in a SugarCRM instance within a form. It is now displaying the outline of the grid and some of the controls. However, the middle part where the data would be displayed is missing and just plain white. As well as the some of the controls are messed up on the bottom. Now, here is the main problem - no errors or anything is showing up in Firebug. So, I really do not have a way of debugging the problem. Is there a way to debug what is going on so I can track down the problem?

I have attached a screenshot to this post. Here is the js code:

Code:

var $j = jQuery.noConflict();
    

    $j(document).ready(function(){
        $j("#flex1").flexigrid
                (
                {
                url: 'pharma_SamplesListGrid.php?current_id={{$current_id}}',
                dataType: 'json',
                colModel : [
                    {display: 'ID', name : 'id', width : 40, sortable : false, align: 'center', hide: true},
                    {display: 'Action', name: 'action', width : 80, sortable : false, align: 'left'},
                    {display: 'Name', name : 'name', width : 180, sortable : true, align: 'left'},
                    {display: 'Status', name : 'status', width : 80, sortable : true, align: 'left'},
                    {display: 'Lot #', name : 'lot_number', width : 120, sortable : true, align: 'left'},
                    {display: 'Quantity', name : 'quantity', width : 90, sortable : true, align: 'left'},
                    {display: 'UM', name : 'um', width : 25, sortable : true, align: 'left'}
                    ],
                searchitems : [
                    {display: 'Name', name : 'name', isdefault: true},
                    {display: 'Status', name : 'status'},
                    {display: 'Lot #', name : 'lot_number'}
                    ],
                sortname: "name",
                sortorder: "asc",
                usepager: true,
                title: 'Add Samples to Transfer',
                useRp: true,
                rp: 10,
                showTableToggleBtn: true,
                width: '100%',
                height: 125
                }
                );  



    });

And here is the PHP code that is generating the data (well the main part that is the heart of it anyway):

Code:

while ($row = mysql_fetch_array($result)) {
if ($rc) $json .= ",";

    $json .= "\n{";
    $json .= "id:'".$row['id']."',";
    $json .= "cell:['".$row['id']."'";
    $json .= ", '&lt;a href=\"#\" onclick=\"addToSamplesList(\'" . $row['id'] . "\', \'" . addslashes($row['name']) . "\', \'" . addslashes($row['status']) . "\', \'" . addslashes($row['lot_number']) . "\', \'" . addslashes($row['quantity']) . "\', \'" . addslashes($row['um']) . "\', \'samples_list_table\');\"&gt;Add to Transfer</a>'";
    $json .= ",'" . addslashes($row['name']) . "'";
    $json .= ",'" . addslashes($row['status']) . "'";
    $json .= ",'" . addslashes($row['lot_number']) . "'";
    $json .= ",'" . addslashes($row['quantity']) . "'";
    $json .= ",'" . addslashes($row['um']) . "'";
    $json .= "]";
    $json .= "}";
    $rc = true;
}
$json .= "]\n";
$json .= "}";
echo $json;

Thanks for your help!