jquery - HTML5/CSS3 可滚动数据表

标签 jquery html css

伙计们,我一直在寻找,但我只是在寻找具有以下属性的 HTML5/CSS3/JQuery 数据表的简单、基础设计:

1) 位于绝对 DIV 内,该 DIV 设置了 top、right、left、bottom 属性,因此必须缩放以适合其父级。

2) 具有可水平调整大小的列标题。

3) 具有滚动列标题和数据表的水平滚动条。

4) 有一个垂直滚动条,只滚动数据表。

我不想使用 JQuery 以外的任何框架,但如果您认为它更容易,那么我会尝试一下。

谢谢你们。

最佳答案

首先 - 消除头脑中的误解。 “数据表”和“简单”是互斥的术语。

其次 - jQuery 是一个库,而不是一个 UI 框架。

第三 - 我在 Kendo UI 方面取得了很大的成功。 Javascript 核心是开源的。 Grid 控件可能支持绝对定位,但缩放可能会很麻烦(如果您希望它在第一次呈现后自行刷新)。您必须熟练掌握 Javascript 才能使其正常工作,否则请不要浪费您的时间。

Grid demo

Core download

我不为 Telerik 工作。 YMMV.

关于jquery - HTML5/CSS3 可滚动数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40876730/

相关文章:

javascript - 使用 JavaScript 填充多个 DIV

javascript - 可以从不同子域上的 iframe 访问父页面上的功能吗?

jquery - Fancybox - 添加打印功能

jQuery:添加delay() 和removeClass() 后代码停止工作

css - 浏览器兼容性问题。在 Google Chrome 中看起来不错,但在 IE 或 Mozilla 中不好看

css - 在 CSS 中针对 IE8(更少)?

css - 具有 CSS3 渐变的大块

jQuery JSONP 回调未触发

php - 常用元素 php html navbar

javascript - 动态创建 jquery-ui 可拖动句柄