function init_ceph_table(data, elementid) {
var table = $('#' + elementid).DataTable(
{
data: data,
columns: [
{data: "host"},
{data: "disk_slot"},
{data: "disk_score"},
{data: "disk_media_error_count"},
{data: "disk_other_error_count"},
{data: "disk_pred_fail_count"},
{data: "disk_reallocated_sector_count"},
{data: "volume"},
{data: "osd_state"}
],
"columnDefs": [{
"targets": 2,
"createdCell": function (td, cellData, rowData, row, col) {
if (cellData <100)
$(td).css('color', 'red');
}
}],
buttons: [
{
extend: 'copy',
text: '復制'
},
{
extend: 'excel',
text: '導出excel'
}
],
"order": [[2, "asc"]],
paging: false,
"language": {
"sProcessing": "處理中...",
"sLengthMenu": "顯示 _MENU_ 項結果",
"sZeroRecords": "沒有匹配結果",
"sInfo": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
"sInfoEmpty": "顯示第 0 至 0 項結果，共 0 項",
"sInfoFiltered": "(由 _MAX_ 項結果過濾)",
"sInfoPostFix": "",
"sSearch": "搜索:",
"sUrl": "",
"sEmptyTable": "表中數據為空",
"sLoadingRecords": "載入中...",
"sInfoThousands": ",",
"oPaginate": {
"sFirst": "首頁",
"sPrevious": "上頁",
"sNext": "下頁",
"sLast": "末頁"
},
"oAria": {
"sSortAscending": ": 以升序排列此列",
"sSortDescending": ": 以降序排列此列"
}
}
}
);
table.buttons().container()
.appendTo($('.col-sm-6:eq(0)', table.table().container()));
}
表頭在table中直接定義
datatablejs
1 <script type="text/javascript" 2 src="static/vendors/datatable-bootstrap3/1.10.19/js/jquery.dataTables.min.js"></script> 3 <script type="text/javascript" 4 src="static/vendors/datatable-bootstrap3/1.10.19/js/dataTables.bootstrap.min.js"></script> 5 <script type="text/javascript" 6 src="static/vendors/datatable-bootstrap3/buttons/1.5.2/js/dataTables.buttons.min.js"></script> 7 <script type="text/javascript" 8 src="static/vendors/datatable-bootstrap3/buttons/1.5.2/js/buttons.bootstrap.min.js"></script> 9 <script type="text/javascript" src="static/vendors/datatable-bootstrap3/ajax/jszip/jszip.min.js"></script> 10 <script type="text/javascript" src="static/vendors/datatable-bootstrap3/ajax/pdfmake/pdfmake.min.js"></script> 11 <script type="text/javascript" src="static/vendors/datatable-bootstrap3/ajax/pdfmake/vfs_fonts.js"></script> 12 <script type="text/javascript" 13 src="static/vendors/datatable-bootstrap3/buttons/1.5.2/js/buttons.html5.min.js"></script> 14 <script type="text/javascript" 15 src="static/vendors/datatable-bootstrap3/buttons/1.5.2/js/buttons.print.min.js"></script> 16 <script type="text/javascript" 17 src="static/vendors/datatable-bootstrap3/buttons/1.5.2/js/buttons.colVis.min.js"></script>