jQuery对话框 - 带有DataTables的对话框未定位居中

时间:2011-10-14 06:06:59

标签: jquery jquery-ui jquery-ui-dialog datatables jquery-dialog

我有一个jquery模式对话框,我在里面加载一个jquery数据表。我不能让对话框显示在中心(目前它保持在右侧) 知道什么是可能的原因&解? 我尝试了位置:中心,但它有效。 我的脚本是这样的:

    // Dialog for food details
    var $detaildialog;
    $detaildialog = $('#detaildialog').dialog({
        autoOpen: false,
        title: 'Food Details',
        modal: true,
        position: 'center',
        width: 'auto',
        height: 'auto'

    });

     //Call Details action to display the food details
        var url = '/Food/Details?cid=' + id;

        //Use .load callback function to ensure details is loaded before dialog open
        $detaildialog.load(url, function () {
            $('#loading').hide();
            $detaildialog.dialog('open');
        });

这里只显示我的数据表html的一部分:

<div id="tableplaceholder">
<table id="stocktable" class="pretty">
    <thead>
        <tr>
            <th>
                Name
            </th>
            <th>
                Amount

和css:

#tableplaceholder
 {
     width: 100%;
 }

需要帮助......感谢任何反馈......

1 个答案:

答案 0 :(得分:0)

虽然我不确定原因,但在我修复了对话框div宽度后,对话框居中。只是发布在这里以防任何人有相同的情况。谢谢!