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

Question

I tried to develop table with fixed header( ie Header must contain - vertical and horizontal way ).

• table should be in scrollable
• table must have horizontal header
• vertical header same as horizontal header.
• when we going up-down using scroll header should be visible at top.(when we moving up down left side header should be up down)
• and when we scrolling left-right header should be visible at left side (when we moving left-right top header should be move)

UPDATE : This Image is what i want in phonegap using html or any web developing tools. BUT NOT in EXCEL

---

This table i am developing for my mobile app(Android/iPhone) etc.

I have seen many table but i am not able to find my perfect way. I am using phoneGap , jqueryMobile , jQuery , html , css , javascript , third party .js and other web search...

Thanks and sorry for my grammar.

Answer 1

demo

One way to solve this is to use css for horizontal and vertical headers by using div layout and applying position: fixed; and then design you tabular data using table layout as you want and by applying the top and left margin for them.

But it's not possible if you want exactly as Microsoft's Excel with this solution .

Answer 2

嗨检查这个jsfiddle这可能会帮助你工作示例http://bit.ly/1flXtbs