Bootstrap表导出和分页问题

时间:2016-03-10 05:13:27

标签: javascript jquery angularjs twitter-bootstrap single-page-application

这是一张桌子,我期待得到:  module DataMemory (Address, WriteData, Clk, MemWrite, MemRead, ReadData); input [4:0] Address; // Input Address input [7:0] WriteData; // Data that needs to be written into the address input Clk; input MemWrite; // Control signal for memory write input MemRead; // Control signal for memory read output reg[7:0] ReadData; // Contents of memory location at Address reg [7:0] Memory[0:31]; // size needs to be adjusted based on the size of the test_data.txt always @(posedge Clk) begin //Memory write if (MemWrite==1) Memory[Address] = WriteData; end always @(Address or MemRead) begin if (MemRead == 1) ReadData <= Memory[Address]; //Memory read else ReadData <= 8'h00; end initial begin $readmemh("test_data.txt", Memory,0,31); // Notes: // 1-make sure to adjust the "Memory" size based on your test input // 2-watch out for wild characters at the end of the last entry in your test file end endmodule http://plnkr.co/edit/ZJ1D2Niv0IT85APdnBzk?p=preview

这是我尝试实现上述想法的地方,但Bootstrap导出和分页似乎没有实现。

plunker1:http://plnkr.co/edit/COd2VHFzZdcI1jjTS4od?p=preview(查看标签2,选择日期并提交表格以生成)

该表随着一些Bootstrap样式出现。我尝试添加分页和导出选项,但无法获得结果。如果有人可以通过我的SPA中的分页和导出选项帮助获取引导表,将不胜感激。

2 个答案:

答案 0 :(得分: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根本不加载任何资源。我尝试复制并粘贴<head>中的index.html部分,我得到了样式和所有内容。

我会说分页的问题是,首先,您的data-pagination="true"属性中没有<table>,并且可能会因错误的加载顺序或类似的东西。 使用浏览器的检查器/控制台确定是否存在任何JS错误,如果是,请在此处发布。

答案 1 :(得分:0)

请添加class =&#34; table&#34;到table-submit.html中的table元素。我得到以下内容: enter image description here

这可能就是你要找的东西?