Jquery 数据表宽度问题

Jquery 数据表宽度问题,jquery,jquery-plugins,datatables,Jquery,Jquery Plugins,Datatables,我将DataTables插件与jQuery一起使用,我已经查看了StackOverflow,发现几乎存在相同的问题,只是我没有选项卡,我尝试了上面所说的内容,但无法使其工作。我在表中有一个下拉列表,在下面的代码中只显示50条记录iDisplayLenth,当您选择100条或以上时,表会自动调整大小,我不知道为什么。任何帮助或建议都将不胜感激。以下是我创建表格的HTML: <table id="content-table-redesign" class="display"> 在这一点

我将DataTables插件与jQuery一起使用,我已经查看了StackOverflow,发现几乎存在相同的问题,只是我没有选项卡,我尝试了上面所说的内容,但无法使其工作。我在表中有一个下拉列表,在下面的代码中只显示50条记录iDisplayLenth,当您选择100条或以上时,表会自动调整大小,我不知道为什么。任何帮助或建议都将不胜感激。以下是我创建表格的HTML:

<table id="content-table-redesign" class="display">
在这一点上,js几乎是我最初拥有的东西和我在另一个链接上找到的建议的混合体。一切都是在$documentfunction{}内完成的

var oTable = $('#content-table-redesign').dataTable({
        "oLanguage": {
            "sLengthMenu": "Display _MENU_ records per page",
            "sZeroRecords": "Nothing found - sorry",
            "sInfo": "Showing _START_ to _END_ of _TOTAL_ records",
            "sInfoEmpty": "Showing 0 to 0 of 0 records",
            "sInfoFiltered": "(filtered from _MAX_ total records)"
        },
        "aaSorting": [[ 0, "asc" ]],
        "bAutoWidth": false,
        "iDisplayLength": 50,
        "aLengthMenu": [10, 20, 30, 50, 100, 500],
        "sPaginationType": "full_numbers",
        "sDom": '<"top"i><"#up"f>rt<"#bottom2"l><"pagin"p><"clear">',
        "aoColumns" : [
            { sWidth: '500px' },
            { sWidth: '1000px' },
            { sWidth: '1200px' },
            { sWidth: '300px' },
            { sWidth: '100px' },
            { sWidth: '120px' },
            { sWidth: '30px' },
            { sWidth: '100px' },
            { sWidth: '120px' }
        ] 
    });

    oTable.fnAdjustColumnSizing();

我刚刚意识到这个错误只会出现在IE8和Chrome 12+

上,这只是一个很长的机会,但我想浏览器必须调整窗口大小,因为表格中有100个条目,body元素会展开并显示一个滚动条,因此oTable.fnAdjustColumnSize会启动并调整列的大小。你想看看吗


这只是一个很长的问题,但我想浏览器必须调整窗口的大小,因为表中有100个条目,body元素会展开并显示一个滚动条,因此oTable.fnAdjustColumnShizing会启动并调整列的大小。你想看看吗

添加此代码


添加此代码

,但它应该将它们调整为我之前所述的大小,不是吗?你说得对。但是您声明了1000px宽的列,您真的想让您的用户水平滚动所有数据吗?您的初始和重新呈现的表是什么样子的?不是真的,我只是想看看是否有什么变化,但到目前为止,它被完全忽略了。该表呈现得非常完美,但当下拉值变为>=100时,它开始扭曲,使其自身变宽。Internet Explorer不是浏览器,但它应该将其调整为我前面所述的大小,不是吗?你是对的。但是您声明了1000px宽的列,您真的想让您的用户水平滚动所有数据吗?您的初始和重新呈现的表是什么样子的?不是真的,我只是想看看是否有什么变化,但到目前为止,它被完全忽略了。该表呈现得非常完美,但当下拉值变为>=100时,它开始扭曲,使其自身变宽。Internet Explorer不是浏览器=
var oTable = $('#content-table-redesign').dataTable({
        "oLanguage": {
            "sLengthMenu": "Display _MENU_ records per page",
            "sZeroRecords": "Nothing found - sorry",
            "sInfo": "Showing _START_ to _END_ of _TOTAL_ records",
            "sInfoEmpty": "Showing 0 to 0 of 0 records",
            "sInfoFiltered": "(filtered from _MAX_ total records)"
        },
        "aaSorting": [[ 0, "asc" ]],
        "bAutoWidth": false,
        "iDisplayLength": 50,
        "aLengthMenu": [10, 20, 30, 50, 100, 500],
        "sPaginationType": "full_numbers",
        "sDom": '<"top"i><"#up"f>rt<"#bottom2"l><"pagin"p><"clear">',
        "aoColumns" : [
            { sWidth: '500px' },
            { sWidth: '1000px' },
            { sWidth: '1200px' },
            { sWidth: '300px' },
            { sWidth: '100px' },
            { sWidth: '120px' },
            { sWidth: '30px' },
            { sWidth: '100px' },
            { sWidth: '120px' }
        ] 
    });

    oTable.fnAdjustColumnSizing();
var oTable = $('#contactsTable').dataTable( {
  "bAutoWidth": false

});