Question

我有一个大型的html表，加载了超过50,000个条目。我需要以20个或一些这样的数字组显示这些。 html类似于：

SELECT MIN(x.id) id
     , GROUP_CONCAT(DISTINCT y.id) duplicates
  FROM duplicates x 
  JOIN duplicates y
    ON y.name = x.name 
   AND y.id > x.id
 GROUP
    BY x.name

会有很多日志条目！

我找到了一个在类似情况下工作但在这种情况下不起作用的功能。它类似于以下内容。它打印出的检测告诉我它只找到一个日志条目？

 <tbody>
    <tr>
      <table class="order-table Logs" style="width: 472px;" >
     <thead>
       <tr>
         <th>Heading1</th>
         <th>Heading2</th>
         <th>Heading3</th>
         <th>Heading4</th>
         <th>Heading5</th>
      </tr>
   </thead>
   <tbody>
   [% FOREACH changeLog IN PO.changeLogs %]
   <div id="change_order_entries"
   <tr>
     <td>[%date.format(changeLog.ts, '%m/%d/%y   %l:%M %p')%]</td>
     <td>[%Log.nameFirst%] [%changeLog.nameLast%]</td>
     <td>[%Log.field%]</td>
     <td>[%cLog.oldValue%]</td>
     <td>[%Log.newValue%]</td>
    </tr>
    </div>
   [% END %]
  </tbody>
 </table>
</tbody>

欢迎任何提示或建议！

Answer 1

我不会倾向于将50000个条目加载到浏览器中，因此我会向您推荐服务器端的内容。

如果您希望在客户端进行此操作，请查看https://www.datatables.net/

$(document).ready(function(){
    $('.Logs').DataTable();
});

Datatables是一个jquery插件，它可以很好地为您的表格设置样式，并为您提供分页（即一次显示20行），排序和过滤。这些都是使用插件中的选项完成的。

P.S。 @Ted是正确的：在你的表结构中不要抛出非表元素（比如<p>标签或<div> s）

使用javaScript / jQuery显示/隐藏html表条目？

1 个答案: