问题标签 [scrollable-table]

有没有人能够在 HTML 中实现一个可滚动的表格，其中 TOP 行和 LEFT 列被冻结，但表格的其余部分是可滚动的？一个完美的例子是： Google Squared

我试图对谷歌平方表的代码进行逆向工程，但到目前为止我还没有成功。

注意：我需要同时冻结顶部行和左侧列的能力。

我在jsfiddle.net有一个程序，它使用 webtoolkit jquery 插件使表格可滚动。它适用于 IE 和 FF，但不适用于 Chrome。我不担心它不能在 Chrome 中工作。我的问题是我让用户能够使用他们的箭头键移动到选定的单元格。

问：如果用户多次按下向下箭头键，如何滚动表格？

在显示对象集合的可滚动数据表中，我必须添加一个手动行作为第一行。该行包含 inputText，用户可以通过它输入一些值，并且在按下回车时，这些值将保存并显示在底部行中。我无法将此手动行添加为第一行。以下是当前代码。

上面的代码仅用于显示来自后端的值。

有什么方法可以用 jquery 数据表制作可滚动的内容吗？

这是我的脚本：

当我在 Firefox 3.6.19 中尝试它时，它似乎工作正常，但是当我在 Firefox 5.0.1 中尝试它时，它不起作用@.@ 我的脚本有什么问题吗？也许有人可以帮助我？谢谢..

一旦你向它们添加了长文本，我如何获得 td 宽度并使其动态变化......因为我打算有一个可滚动的表体......而且我不想使用clone()is there way to使其发生？..

这是标记：

脚本：

CSS：

我目前正在测试元素的多种行为，其中一种特别具有挑战性。

目标：准备一个固定高度的表格和一个固定高度和滚动-y的表格。（这已经完成）

限制：表格很大并且延伸到浏览器窗口之外（因此只有在浏览器中水平滚动才能看到）。

问题：当表格延伸出浏览器窗口时，指定的宽度不再合适，并且不与 .

此处示例：http ://codepen.io/Carine/pen/xqKDa

你怎么看？你以前遇到过这个问题吗？

提前致谢，

我有一个带有以下 html 的表格

css

我想要在这里实现的是第一列和最后一列应该是固定的，其余列必须是可滚动的。

这里的问题是固定列与其他列重叠，其他问题是整个表在父 div 宽度（having max-width: 630px;）中不固定，它的展开。

任何工作请......

I have a striped table done using Bootstrap Table with the following code (from first example on http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html). I need to find a way for the scrollbar to look like one generated by slimScroll (http://rocha.la/jQuery-slimScroll). This is a non-negotiable client requirement.

Questions:

1) Is this doable, and if so - how?

2) If this is not doable with bootstrap table, is there a library that would create a scrollbar of this type for a tbody? (slimScroll only works on a div, not a tbody)

3) If neither (1) nor (2) are possible, what are my options for a fixed-header scrollable-body table implementation with a scrollbar of this type?

Edit:

I am unable to create a fully-functional jsfiddle, since bootstrap-table doesn't appear to load via external resources. I was, however, able to create a jsfiddle showing what a tbody with slimScroll applied to it does. A stand-alone div scrolls fine. The tbody of the table following it does not.

我让表格在 div 内可滚动，一切正常，但表格标题滚动太多。我想让表格标题固定。并且该表在 div 中呈现。我使用 PahingHelper 模型进行分页。我尝试在表格中使用可滚动，但它也不起作用。所以，我在这里制作可滚动表格。有什么办法可以让表格滚动？// 这是我的滚动示例代码

我正在使用引导表并有一个包含大列的表（水平滚动条可见）。我的客户需要在表格中使用更纤细的滚动条。这是bootstrap表格自定义滚动条的解决方案，问题是它适用于垂直滚动条，而不适用于水平滚动条。

jsfiddle

html

javascript