有沒有辦法爲一個空的DataTable定義自定義的html？

Question

我有一個Datatable可能是空的 - 我知道language.emptyTable（https://datatables.net/reference/option/language.emptyTable）選項，但我想不只顯示文本，如果表是空的，但呈現自定義HTML。

是否有建議的方式在表格設置中執行此操作？

Answer 1

您可以在emptyTable配置中指定html。

默認值將是

價值：在表

沒有可用的數據，但可以呈現任何HTML而不是默認的字符串

"emptyTable": "<h1>Empty table custom html</h1><div><span>any span</span></div>" 

var columnDefs = [{ 
 
    title: "Column 1" 
 
}, { 
 
    title: "Column 2" 
 
}]; 
 

 
$(document).ready(function() { 
 
    $('#table').DataTable({ 
 
    "language": { 
 
     "emptyTable": "<h1>Empty table custom html</h1><div><span>any span</span></div>" 
 
    }, 
 
    columns: columnDefs, 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script> 
 
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css" /> 
 

 
<table id="table"></table>