<html> <head> <style type="text/css"> * { margin: 0; padding: 0; } /*所有內容都在這個DIV內*/ .all { width: 100%; border: 1px solid #000000 ...
之前在做一個項目的時候,需要用到表格顯示一個月中每天的相關信息記錄 一天的信息記錄顯示為一行 。於是有了這樣一個問題,一次性將數據全部顯示出來,頁面就會出現滾動條,這樣的話就不能同時看到表頭信息和表格底部的數據記錄,把每個月的信息記錄都分為兩頁顯示的話,又麻煩 切換月份后還要在進行分頁操作 。把情況跟領導描述了下,表示不知道怎么做好了,領導略微想了下說, 把表頭固定不就行了 。 好吧,固定表頭, ...
2012-12-12 17:41 2 3526 推薦指數:
<html> <head> <style type="text/css"> * { margin: 0; padding: 0; } /*所有內容都在這個DIV內*/ .all { width: 100%; border: 1px solid #000000 ...
...
//控制表格滑動 table tbody { display:block; height:450px; overflow-y:scroll; } //固定表頭 table thead, tbody tr { display:table; width:100 ...
1、可以使用display: table; width: 100%; table-layout: fixed; table-layout: fixed;設置表格布局算法。tableLayout 屬 ...
這是在網上找到的方法,拷到自己的html打開就能看到效果了: <!DOCTYPE html> <html lang="en"> <head> < ...
因為之前約定時候產品沒說要表頭固定,這次迭代測試突然提出這個需求,而且不知道因為什么未知原因非要這樣不可……因為之前用了table標簽做表單,而且也沒用插件,這下就難了點,找另外一個前端前輩妹子商量了下,她意思是用js來控制,我則是一直覺得js來計算可能性能上有點不太好,所以我推薦還是css ...
效果圖:第一行和第一列固定 CSS樣式介紹: ...
...