Question

我正在开发一个闪存卡应用程序，该数据库具有10,000多个单词。我想做的是显示所有单词，并具有以下三个选项。

显示为列，看起来像

    +--------------------------------+
    |  A       |  word 4  |  C       |
    +--------------------------------+
    +--------------------------------+
    |  word 1  |  B       |  word 7  |
    +--------------------------------+
    +--------------------------------+
    |  word 2  |  word 5  |  word 8  |
    +--------------------------------+
    +--------------------------------+
    |  word 3  |  word 6  |  word 9  |
    +--------------------------------+

显示为按词性分类的表格，看起来像

    +---------------------------------------+
    |  Nouns   |  Infinitive  |  Adjective  | ...
    +---------------------------------------+
    +---------------------------------------+
    |  word 1  |  word 1      |  word 1     | ...
    +---------------------------------------+
    +---------------------------------------+
    |  word 2  |  word 2      |  word 2     | ...
    +---------------------------------------+
    +---------------------------------------+
    |  word 3  |  word 3      |  word 3     | ...
    +---------------------------------------+

显示为按详细信息分类的表格，看起来像

    +------------------------------------------+
    |  words   |  P.O.S      | last seen       | ...
    +------------------------------------------+
    +------------------------------------------+
    |  word 1  |  Noun       |  1 day ago      | ...
    +------------------------------------------+
    +------------------------------------------+
    |  word 2  |  Adjective  |  2 months ago   | ...
    +------------------------------------------+
    +------------------------------------------+
    |  word 3  |  Adverb     |  30 minutes ago | ...
    +------------------------------------------+

我正在寻找有效实现这一目标的方法。

我是否应该将所有单词加载到三个单独的div容器中（总共30,000 +个单词），并在它们之间切换显示属性？
我应该删除当前显示的div容器中的所有单词，然后使用ajax将这些单词重新添加到所需的div容器中吗？

或者是否有办法一次加载10,000个以上的单词，然后相应地重新组织它们？

我应该如何完成这项任务？

请注意，我不是在寻找编码解决方案。

Answer 1

创建行数少的表（但是由于滚动，它应该足以填充两次屏幕）。滚动时，将表格移到用户可以看到的位置并用数据填充。

显示大量单词

1 个答案: