1
我想第一次使用jQuery Datatables。我從Web服務獲取數據,然後按照Datatables預期的格式(Javascript數據和一列數據)進行處理。我的問題是,我正在試圖將它放置在儀表板上,以便容器很小,我需要數據表來適應高度和寬度。使jQuery Datatable適合內容區域
<div class="column">
<div class="portlet" style="border:2px solid;">
<div class="portlet-header">Table</div>
<div class="portlet-content" id="b_container"></div>
</div>
var createNewTable = function (data) {
var aoColumn = _.map(_.first(data), function (row) {
return {
'sTitle': row.Key
};
});
var aaData = _.map(data, function (row) {
return _.map(row, function (innerRow) {
return innerRow.Value;
});
});
$('.portlet-content').append('<table id ="t_container"><thead></thead><tbody></tbody></table>');
$('#t_container').dataTable({
"bAutoWidth": false,
"aaData": aaData,
"aoColumns": aoColumn
});
};
完整的代碼示例可以看出在這個小提琴:
你是如何做到這一點的?我嘗試了aoColumnDefs,但它對我的表沒有任何作用。你的意思是純CSS嗎? –
是的,只是普通的舊CSS。沒有涉及任何技巧。你只需要使所有的東西都足夠小以適應。再次,對於如此龐大的數據來適應這樣一個小容器來說,它將變得非常困難 – sn3ll