2016-05-30 84 views
2

我正在使用JQuery Datatables。表格呈現時,它顯示爲「表格中沒有可用數據」,並且在表格開始出現數據後,此「無數據可用」出現。避免在數據表中呈現「表中沒有數據」

我不想要這個「沒有可用的數據來」,而是如果像「加載」或「請稍候」這樣的東西出現,將是偉大的或沒有什麼來解決我的問題。

+0

您可以使用從https://datatables.net/reference/option/processing&https://datatables.net/reference/option/language這些例子。處理 –

+0

我認爲你可以使用'oLanguage' - >'eEmptyTable:''''屬性,你可以在[這個stackoverflow討論]中看到進一步的討論(http://stackoverflow.com/questions/14375771/how-to- show-empty-data-message-in-datatables) – hmd

+0

[請參閱此顯示空數據消息在Datatables中](http://stackoverflow.com/questions/14375771/how-to-show-empty-data-message-in -d atatables) –

回答

4

在此處查找完整參考 - >https://datatables.net/reference/option/language您正在查找的屬性爲loadingRecords,emptyTablezeroRecords

$("#example").DataTable({ 
    language: { 
    emptyTable: "No data available in table", // 
    loadingRecords: "Please wait .. ", // default Loading... 
    zeroRecords: "No matching records found" 
    } 
}) 

角數據表:

$scope.dtOptions = DTOptionsBuilder.newOptions() 
    .withLanguage({ 
    emptyTable: "No data available in table", 
    loadingRecords: "Loading...", 
    zeroRecords: "A different no matching records message" 
    }) 
0

因爲你用angularjs標記了你的問題,我想你正在使用angularjs的數據表模塊。

因此,嘗試添加到您的表標籤:

class="ng-cloak" 

它可以防止顯示HTML面前的桌子已經準備好(模塊initializated):

AngularJS: ngCloak Official API doc

如果不是,它可能會發生這種情況,因爲您使用ajax()來獲取要注入數據的數據,所以嘗試在您的ajax調用之後初始化您的數據表插件this example