下面是一個表，我期待着得到： plunker1:http://plnkr.co/edit/ZJ1D2Niv0IT85APdnBzk?p=preview舉表導出和分頁問題
而這正是我試圖實現上述想法，但引導出口和分頁似乎並沒有做到達那裏。
plunker2：http://plnkr.co/edit/COd2VHFzZdcI1jjTS4od?p=preview（查看TAB2，選擇一個日期，並提交該表生成）
表出現了一些自舉造型。我曾嘗試添加分頁和導出選項，但無法獲得結果。將不勝感激，如果任何人都可以幫助在我的SPA中獲得bootstrap分頁和導出選項。
我在這裏爲您的問題提供一半的答案。我想不出是什麼原因導致data-pagination沒有工作（除了在你的Plunker＃2你已經完全從<table>將其擦除）
但整理出來一些問題，第一：
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.js"></script>
jQuery的應先加載。而在Plunker＃2中，您使用的是過時版本的jQuery，我假設它用於Bootstrap。如果你看看Plunker＃1，你可以看到jQuery在其他任何東西之前被加載。
似乎在Plunker＃2中創建表本身的tables-submit.html根本不會加載任何資源。我試圖複製並粘貼index.html中的<head>部分，我得到了樣式和一切工作。
我想說分頁的問題是，首先，您的<table>屬性中沒有data-pagination="true"，並且可能會由於加載順序錯誤或類似錯誤導致一些JavaScript衝突。 使用您的瀏覽器的檢查員/控制檯來判斷是否有任何JS錯誤，如果有，請在這裏發佈。
Dat是一個很好的解釋..很多很多爲'plunk2'添加了一些引導表功能：http://plnkr.co/edit/COd2VHFzZdcI1jjTS4od?p=preview，但無法在此添加導出和分頁選項。 – Pranitha
當您按下提交時，有任何JavaScript錯誤？很難通過Plunker看到它，當服務本身提供了很多錯誤，而且似乎沒有從您的項目中輸出。如果您的本地計算機上有這些文件，請直接從那裏運行它們並檢查瀏覽器控制檯（通常是Ctrl + J） – ProDexorite
未發現錯誤。 – Pranitha
請將class =「table」添加到table-submit.html中的表格元素中。我得到以下： 
這可能是你在找什麼？
感謝您的回覆..我已經添加class =「表」，但我沒有得到像導出，分頁等bootstrap表選項，這是我的主要要求.. – Pranitha
你還沒有初始化'table'上的'dataTables' ..？ –
必須有刷新方法。請找到您的數據表。你會得到你的結果 – eronax59
像這樣$ table.bootstrapTable（'refresh'）; – eronax59