datatables - 表格列的方法（自定义，调整大小，重新排序，排序，过滤）w快速搜索

我是一个单独的独立新手网络开发人员（没有钱，没有帮助，没有教育，没有经验），正在开展一个包含大量数据的广泛个人项目。五个月前开始学习HTML，CSS，JS，jQuery，PHP，MySQL。现在我需要开始开发UI部分，它应该为用户提供数据表。我认为下一个功能至关重要：

列应该是可排序的（升序 - 降序），点击它们
列应该可以调整大小
用户需要能够拖放列以重新排序
用户需要能够通过快速搜索所有列来过滤表格
用户需要能够逐列独立过滤表
用户需要能够选择要显示/隐藏的自定义列
用户需要能够保存/加载视图（表格配置的预设 - 列选择，排序，过滤器）

我知道，这很多。而且我知道这可能并不容易。但是我肯定没有必要从头开始发明一辆自行车。我希望已经实施了一些解决方案。我听说过jQuery的DataTables插件。但我不确定，它似乎只提供了我需要的一些功能。我不知道其他人是否兼容或更好，甚至存在。所以我谦虚地要求考虑我应该采取的方向和方法的建议。如果我需要数月才能实现我需要的一切（我有时间），这没关系。但我想确保我走的是正确的方式，最终结果将是可用的。

使用数据表.. 默认情况下附加:(使用jquery和bootstrap cdn）附加datatables css和js cdn .. 创建一个表标签并给出tableid ..

$（＆＃39;＃tableid＆＃39;）。DataTable（{ dom：＆＃39; Bfrtip＆＃39;，纽扣： [ ＆＃39; copy＆＃39;，＆＃39; csv＆＃39;，＆＃39; excel＆＃39;，＆＃39; pdf＆＃39;，＆＃39; print＆＃39; ] 响应：真的， scrollX：真实， scrollY：真实， }）;

放置这个脚本......就是这样...带过滤条目的表格，分页，响应，滚动，导出到excel，pdf现在可以正常工作......还有更多的功能..来到数据表网站和实践示例......表简化....

最多需要半小时才能完成，包括日期范围过滤器......

请参阅youtube上的webslesson教程...网络开发人员有近240个迷你项目......你将在一个月内成为专家......最好的

表格列的方法（自定义，调整大小，重新排序，排序，过滤）w快速搜索

1 个答案: