php / javascript / html - 用于真正大量动态选择的UI

I have a page that displays a large number of selectable items dynamically, fetched from a database. For example, I have:

我有一个页面,可以动态显示大量可选项,从数据库中获取。例如,我有:

+--------------------------------------+
| name | address | <some other values> |
+--------------------------------------+

And I have more than 1000 of these items fetched from the database.

我从数据库中获取了超过1000个这些项目。

The user is supposed to select one or more of these, then a button is pressed to perform some function (which is not relevant to the question).

用户应该选择其中的一个或多个,然后按下按钮以执行某些功能(这与问题无关)。

What techniques can I employ to make this User Interface effective and efficient?

我可以使用哪些技术来提高用户界面的效率和效率?

2 个解决方案

#1

If you are using jQuery, there's an excellent table plugin called DataTables, that is really nothing more than a table which is a known and expected way to solve your particular problem, but the plugin comes with many use cases solved out of the box (such as responsive styling, pagination, column reordering and styling) if you can afford its size.

如果您正在使用jQuery,那么有一个名为DataTables的优秀表插件,它实际上只是一个表,它是解决您的特定问题的已知和预期的方法,但该插件附带了许多开箱即用解决的用例(如如果您负担得起它的大小,可以作为响应式样式,分页,列重新排序和样式。

#2

Well i think everyone will have its own preferences so i give you mine.

嗯,我想每个人都有自己的喜好,所以我给你我的。

il like to use Datatables : https://datatables.net/examples/api/select_row.html

我喜欢使用Datatables:https://datatables.net/examples/api/select_row.html

This example has selection several row at once.

此示例一次选择多行。

#1

#2