台灣最大程式設計社群網站
線上人數
1281
 
會員總數:245151
討論主題:189055
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> 表格第一行固定,右邊其餘內容可左右滑動... 能做到嗎?
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
表格第一行固定,右邊其餘內容可左右滑動... 能做到嗎?
價值 : 50 QP  點閱數:736 回應數:6

樓主

maxmas
初學者
110 34
812 83
發送站內信

各位大大好,我要做一個在手機內可自適應的表格,但我的表格要可以像APP的一些功能一樣,
左邊第一行固定(直排),右邊超出螢幕的內容可以左右滑動瀏覽,如下圖所表達,



舉例來說,第一行可能是年月往下排,右邊可能是特定商品名稱,而表格的用意是要看每月特定商品銷售數量,
而特定商品可能好幾個,超出螢幕的範圍,所以需要能左右滑動來看,一般傳統表格方式,
如果你往左邊滑動,年月那一行也跟著跑到左邊,這樣就無法看到哪年哪月了....
bootstrap沒有這項功能,在網路上找到Responsive tables的一個jQuery插件,
但是它只能固定表頭(橫排),也就是一般表格的第一排欄位名稱...

不知道有哪位大俠知道有哪個插件或什麼方式可以做到,謝謝!!




搜尋相關Tags的文章: [ bootstrap ] , [ jQuery ] , [ 左右滑動 ] ,
本篇文章發表於2016-11-18 14:02
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

maxmas
檢舉此回應
抱歉, 圖片放在imgur.com我再重貼一次

http://i.imgur.com/H0OYVJR.png

本篇文章回覆於2016-11-18 14:04
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
最有價值解答

Daimom
捐贈 VP 給 Daimom 檢舉此回應
easyUI能做到,你要試試嗎
參考
本篇文章回覆於2016-11-18 14:50
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

maxmas
檢舉此回應
Daimom 你好,
謝謝
你說的是easyUI裡面的Frozen Columns in DataGrid功能,
我網站是要用bootstrap+jQuery設計的,怕載入easyUI的東西後,
會破壞到bootstrap的樣式佈局....
不過我是還沒實際嘗試過會不會干擾到

本篇文章回覆於2016-11-18 16:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
不錯的參考

clouding
捐贈 VP 給 clouding 檢舉此回應
你要用用看 DataTables
也可以用 Bootstrap 的樣式
本篇文章回覆於2016-11-18 17:29
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
不錯的參考

Daimom
捐贈 VP 給 Daimom 檢舉此回應
喔...我自己本身就是用easyui + bootstrap的
沒什麼影響。
本篇文章回覆於2016-11-21 08:34
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

maxmas
檢舉此回應
感謝 Daimom 與 clouding 二位,

你們說的套件都可以用在bootstrap,
謝謝你們,點數平分給你們,聊勝於無,
再次感謝!!
本篇文章回覆於2016-11-21 10:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.