如何给出水平和垂直标题固定但数据应该移动

时间:2014-01-29 06:32:41

标签: javascript jquery css cordova

我尝试用固定标题开发表格(即标题必须包含 - 垂直和水平方式)。

  • 表格应该是可滚动的
  • 表必须具有水平标题
  • 垂直标题与水平标题相同。
  • 当我们上下时,使用滚动标题应该在顶部可见。(当我们向上移动左侧标题时应该向上)
  • 当我们滚动左右时,标题应该在左侧可见(当我们移动左右顶部标题时应移动)

更新: 这个图像是使用html或任何Web开发工具在phonegap中所需要的。 但不是EXCEL

Image is here


我正在为我的移动应用程序(Android / iPhone)等开发此表。

我见过许多桌子,但我无法找到完美的方式。 我正在使用 phoneGap jqueryMobile jQuery html css javascript ,第三方 .js 和其他网络搜索...

谢谢并抱歉我的语法。

2 个答案:

答案 0 :(得分:2)

demo

解决此问题的一种方法是使用div布局并应用position: fixed;将css用于水平和垂直标题,然后根据需要使用表格布局设计表格数据,并为其应用顶部和左侧边距

但如果您想要与此解决方案完全一样的Microsoft Excel,则无法实现。

答案 1 :(得分:1)

您好,请查看此jsfiddle,这可以帮助您解决问题http://bit.ly/1flXtbs