jQuery DataTablesのデータを別ファイルから取得したい

Question

jQueryのDataTablesのデータの取得で、

tbody内に記述してある項目はそのままデータとして
反映されるのはわかったのですが、記述が長く
なりそうなので、外部ファイルに記述し、読み込みたいと
思うのですが、方法がわかりません。

例：
１．sample.html などを用意し、以下のように記述

<tr><td>テスト１</td><td>てすと１</td><td>test1</td></tr>
<tr><td>テスト２</td><td>てすと２</td><td>test2</td></tr>
<tr><td>テスト３</td><td>てすと３</td><td>test3</td></tr>

２．テーブルのtbodyに表示

$('#sample tbody').load('sample.html');

としても、表示はされるもののDataTablesの
データとしては反映されていません（ソートや検索などの
対象にならない）

以下などを参考にしているのですが、理解不足で
うまくいかない状態です。

https://datatables.net/examples/data_sources/

Answer 1

loadで読み込み終わったらdataTable()でいけると思います。

$(function() {

    $('#sample tbody').load('sample.html', function(){
        $("#sample").dataTable();
    });

});

Comments

[mahna]

回答ありがとうございます！
うまくいきました。