空の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>

をレンダリングすることができます