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