0

下面是一个表,我期待着得到: plunker1:http://plnkr.co/edit/ZJ1D2Niv0IT85APdnBzk?p=preview举表导出和分页问题

而这正是我试图实现上述想法,但引导出口和分页似乎并没有做到达那里。

plunker2http://plnkr.co/edit/COd2VHFzZdcI1jjTS4od?p=preview(查看TAB2,选择一个日期,并提交该表生成)

表出现了一些自举造型。我曾尝试添加分页和导出选项,但无法获得结果。将不胜感激,如果任何人都可以帮助在我的SPA中获得bootstrap分页和导出选项。

+0

你还没有初始化'table'上的'dataTables' ..? –

+0

必须有刷新方法。请找到您的数据表。你会得到你的结果 – eronax59

+0

像这样$ table.bootstrapTable('refresh'); – eronax59

回答

1

我在这里为您的问题提供一半的答案。我想不出是什么原因导致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错误,如果有,请在这里发布。

+0

Dat是一个很好的解释..很多很多为'plunk2'添加了一些引导表功能:http://plnkr.co/edit/COd2VHFzZdcI1jjTS4od?p=preview,但无法在此添加导出和分页选项。 – Pranitha

+0

当您按下提交时,有任何JavaScript错误?很难通过Plunker看到它,当服务本身提供了很多错误,而且似乎没有从您的项目中输出。如果您的本地计算机上有这些文件,请直接从那里运行它们并检查浏览器控制台(通常是Ctrl + J) – ProDexorite

+0

未发现错误。 – Pranitha

0

请将class =“table”添加到table-submit.html中的表格元素中。我得到以下: enter image description here

这可能是你在找什么?

+0

感谢您的回复..我已经添加class =“表”,但我没有得到像导出,分页等bootstrap表选项,这是我的主要要求.. – Pranitha