台灣最大程式設計社群網站
線上人數
1078
 
會員總數:239313
討論主題:185664
歡迎您免費加入會員
討論區列表 >> ASP.NET >> 請問一下<table>的排版
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
請問一下<table>的排版
價值 : 50 QP  點閱數:207 回應數:10

樓主

mar234964
門外漢
0 4
300 12
發送站內信

請問下,為何以下程式碼會無法對齊??




結果圖:







搜尋相關Tags的文章: [ 排版 ] , [ table ] , [ td ] , [ 版面 ] ,
本篇文章發表於2017-03-21 10:32
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

MIS2000 Lab
檢舉此回應
您所謂的「無法對齊」,能否解說一下?

上面的表格,一列有三格
下面的表格,一列有四格。

一律向左對齊,我覺得很正常。
看不懂您說「無法對齊」,能否解說一下您想要的「對齊」是什麼樣子呢?
本篇文章回覆於2017-03-21 13:44
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
不錯的參考

clouding
捐贈 VP 給 clouding 檢舉此回應
下午好

你說對其該不會是那個格線吧?
如果要對齊應該用同一個table tag裡
如果要跨格數用 colspan="2"
td 的 witdh 都可以省略了
本篇文章回覆於2017-03-21 13:58
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

mar234964
檢舉此回應
MIS2000 Lab 大:

我認為下排的數字2
跟上排的第三個數字1 應該要對齊

但是會有一些偏差

clouding 大:

是格線沒錯,但我需要動態產生兩個table,且需要對齊



本篇文章回覆於2017-03-21 15:44
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
您好,
您這樣的方式,只要Table裡面td的內容稍微多
整個版面肯定跑掉了
很不好維護

如果這樣
還不如想辦法一個div,一個table,兩個tr
就算稍微太多內容撐開,也會對稱
^.^a


本篇文章回覆於2017-03-21 16:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

mar234964
檢舉此回應
topcat 大:
因為我要做的是
類似gridview的功能
第一個table 裝的是column
第二個table 裝的是資料
然後各用一個div包起來

接著上面的div scrollbar 設定隱藏
下面scrpllbar 左右移動時順便控制上方scrollbar

這樣就能達成資料多筆往下滾動時標題固定不動的效果
所以必須兩個div並各包一個table

但是發現資料會歪掉不對齊,然後往回找發現根本一開始就歪了
本篇文章回覆於2017-03-21 17:10
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
to #5
您所說的功能
其實已經有套件可以處理
小喵個人覺得,應該沒必要自己刻,把時間省下來用在更重要的人或事上
^_^

您可以搜尋以下關鍵字
jQuery plugin table fix head

例如以下這個:
http://www.jqueryscript.net/table/jQuery-Plugin-For-Fixed-Table-Header-Footer-Columns-TableHeadFixer.html

^_^

本篇文章回覆於2017-03-22 08:32
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
這個也不錯
http://www.fixedheadertable.com/

^_^
本篇文章回覆於2017-03-22 08:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
作者回應

mar234964
檢舉此回應
topcat 大:

感謝您提供的資料。
不過目前是自己在做練習,所以比較希望能解開這個疑惑



本篇文章回覆於2017-03-22 09:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
最有價值解答

topcat
捐贈 VP 給 topcat 檢舉此回應
border不管您設定的再細,還是會有寬度
因此,如果您算的剛剛好,其實他還是會多出一點點
所以,每個Cell不得不去修正來符合Table的Width

如果您讓最後一個不指定寬度(讓自動彈性,由最後一個去調整),前面的都修改小一點點
這樣就能夠對齊了




^.^a

本篇文章回覆於2017-03-22 11:39
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
作者回應

mar234964
檢舉此回應
topcat 大:

原來如此,只要最後一個不設寬度就行了,感謝回答。
本篇文章回覆於2017-03-22 11:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

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