我在几个web2py应用程序中使用了DataTables并没有遇到什么麻烦(在学习曲线之后),但我正在开发一个新应用程序,似乎无法获得columnDefs来设置列宽。这是页面HTML中的javascript:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#list').dataTable( {
searching: true,
displayLength: 10,
lengthChange: false,
paging: true,
columnDefs: [
{"width": "15%", "targets": 0 },
{"width": "15%", "targets": 1 },
{"width": "10%", "targets": 2 },
{"width": "5%", "targets": 3 },
{"width": "10%", "targets": 4 },
{"width": "10%", "targets": 5 },
{"width": "5%", "targets": 6 },
{"width": "5%", "targets": 7 },
{"width": "20%", "targets": 8 }
]
});
});
所有其他选项(搜索,显示长度等)都像宣传的那样工作,所以我知道这个功能正在运行,但是我已经尝试了大约一百种不同的事情来使列宽变化,但无济于事。我使用columns选项得到同样的缺乏响应,或者回到传统的aoColumnDefs。正好有9个TH元素和9个TD元素,所以我知道那里没有不匹配,实际上有一个id =&#39; list&#39;的表。使用Datatables 1.10.11。
对于这个看似基本的问题感到抱歉;对于我在这里做错了什么,我将不胜感激。