PHP实现列宽可调可排序滚动时列标题常驻的网格插件求推荐
适配PHP开发场景的网格组件推荐
你需要的列宽拖拽调整、列排序、滚动固定表头均是数据网格类组件的基础标配功能,以下几款成熟组件都可以完美适配PHP开发场景,覆盖你的需求:
- DataTables
基于jQuery的老牌网格组件,和PHP生态适配度极高,国内中小项目使用率极高。你需要的三项功能均有官方支持:固定表头仅需开启scrollY配置即可,列排序是默认自带能力,列宽拖拽可以搭配官方的colReorder扩展实现。后端侧PHP只需要按照组件要求返回JSON格式的分页、排序数据即可,不需要额外开发交互逻辑。 - Tabulator
无依赖的原生JS网格组件,不强制要求引入jQuery,适合搭配前后端分离架构的PHP项目使用。三项需求均为内置能力,不需要额外引入扩展,仅需调整初始化配置即可开启。自定义样式、扩展功能的灵活度远高于DataTables,适合有定制化UI需求的项目。 - AG Grid
高性能网格组件,社区版完全开源免费,支持万级以上数据量的流畅渲染,如果你后续还有单元格编辑、数据导出、树形表格等扩展需求可以优先选择。你需要的三项功能均为原生支持,性能表现远超前两款组件,适合复杂度较高的中大型项目使用。
你可以参考DataTables的最简配置快速上手:
$('#gridContainer').DataTable({ scrollY: 500, // 配置滚动区域高度,自动固定表头 ordering: true, // 开启列排序功能 colReorder: true, // 开启列宽拖拽调整功能 ajax: '/php/api/getGridData' // 对接你的PHP数据接口地址 });
以上所有组件均为前端侧交互组件,PHP侧不需要实现任何前端交互逻辑,仅需按照组件的接口规范返回对应的数据即可完成对接。
内容的提问来源于stack exchange,提问作者D.A. Ray
相关产品推荐
相关产品推荐

