table

Table控制項主要用於在web頁面上創建表格,其功能與HtmlTable類似。不同的是,Table控制項可以用動態的內容以編程的方式來生成表格。

基本介紹

  • 中文名:工作檯
  • 外文名:table
基本信息,基本語法,框線表格,不帶框線,詳細解釋,表元,多列表元,多行表元,表格設定,框線尺寸,表格尺寸,表格間隙,空白設定,文字對齊,排序,Sql,HTML,定義,HTML4.01與HTML5之間的差異,屬性,實例,音樂組合,簡介,成員,音樂作品,單曲,專輯,單曲,其他例句,

基本信息

基本語法

〈table〉...〈/table〉 - 定義表格
〈th〉 - 定義表頭 Defines a table header
〈tr〉 - 定義表行 Defines a table row
〈td〉 - 定義表元(表格的具體數據) td stands for "table data," Defines a table cell.

框線表格

〈table border
〈/tr〉
〈/table〉

不帶框線

〈table〉
〈/tr〉
〈/table〉

詳細解釋

表元

(Table Span)

多列表元

〈th colspan=#〉
<table border>
<tr><th colspan=3> Morning Menu</th>
</table>

多行表元

〈th rowspan=#〉
<table border>
<tr><th rowspan=3> Morning Menu</th>
<th>Food</th> <td>A</td></tr>
<tr><th>Drink</th> <td>B</td></tr>
<tr><th>Sweet</th> <td>C</td></tr>
</table>

表格設定

〈table border=#〉

框線尺寸

<table border=10>
</table>
〈table border width=# height=#〉

表格尺寸

<table border width=170 height=100>
</table>
〈table border cellspacing=#〉

表格間隙

<table border cellspacing=10>
</table>
〈table border cellpadding=#〉

空白設定

<table border cellpadding=10>
<tr><th>Food</th> <th>Drink</th> <th>Sweet</th>
<tr><td>A</td> <td>B</td> <td>C</td>
</table>

文字對齊

〈tr align=#〉
〈th align=#〉 #=left, center, right
〈td align=#〉
<table border width=160>
<tr>
<th>Food</th> <th>Drink</th> <th>Sweet</th>
<tr>
<td align=left>A</td>
<td align=center>B</td>
<td align=right>C</td>
</table>
〈tr valign=#〉
〈th valign=#〉 #=top, middle, bottom, baseline
〈td valign=#〉
<table border height=100>
<tr>
<th>Food</th> <th>Drink</th>
<th>Sweet</th> <th>Other</th>
<tr>
<td valign=top>A</td>
<td valign=middle>B</td>
<td valign=bottom>C</td>
<td valign=baseline>D</td>
</table>

排序

基本步驟
1,把需要排序的行放到tbody中(程式會直接取tbody的rows);
2,把排序行放到一個數組中;
this.Rows = Map(this.tBody.rows, function(o){ return o; });
3,按需求對數組進行排序(用數組的sort方法);
this.Rows.sort(Bind(this, this.Compare, orders, 0));
4,用一個文檔碎片(document.createDocumentFragment())保存排好序的行;
var oFragment = document.createDocumentFragment();
forEach(this.Rows, function(o){ oFragment.appendChild(o); });
ps:文檔碎片並不是必須的,但建議使用,大量dom操作時使用文檔碎片會更有效率。
5,把文檔碎片插入到tbody中。
this.tBody.appendChild(oFragment);

Sql

在Sql中也有table表的概念
在SQl創建table的語句為
CREATE TABLE table_name(
{ < column_definition > | column_name AS computed_column_expression
| < table_constraint > ::= [ CONSTRAINT constraint_name ] }
| [ { PRIMARY KEY | UNIQUE } [ ,...n ]
)

HTML

定義

<table> 標籤定義 HTML 表格。
簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。
tr 元素定義表格行,th 元素定義表頭,td 元素定義表格單元。
更複雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

HTML4.01與HTML5之間的差異

在 HTML5 中,僅支持 "border" 屬性,並且只允許使用值 "1" 或 ""。

屬性

<table>標籤的屬性請您參考以下的列表:
屬性描述
lef
tcenter
right
HTML5 不支持。HTML 4.01 已廢棄。規定表格相對周圍元素的對齊方式。
rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已廢棄。規定表格的背景顏色。
border
1
""
規定表格單元是否擁有框線。
cellpadding
pixels
HTML5 不支持。規定單元邊沿與其內容之間的空白。
cellspacing
pixels
HTML5 不支持。規定單元格之間的空白。
frame
voi
dabove
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。規定外側框線的哪個部分是可見的。
none
groups
rows
cols
all
HTML5 不支持。規定內側框線的哪個部分是可見的。
text
HTML5 不支持。規定表格的摘要。
pixels
%
HTML5 不支持。規定表格的寬度。

實例

一個簡單的 HTML 表格,包含兩行兩列:
<table border="1"> <tr>
<th> Month </th>
<th> Savings </th>
</tr>
<tr>
<td> January </td>
<td> $100 </td>
</tr></table>

音樂組合

簡介

ROUND TABLE是日本的音樂組合。1993年結成於大學爵士樂研究會。1997年開始自費活動,1998年開始正式活動。從2002年開始,隨著客座歌手Nino加入,也以ROUND TABLE featuring Nino的名義活動。後者被認為屬於秋葉澀谷系。

成員

北川勝利(きたがわかつとし 10月18日)
貝斯・吉他・歌手・和聲・作詞・作曲擔當
伊藤利恵子(いとうりえこ 8月4日)
鍵盤・歌手・和聲・作詞・作曲擔當
Nino(にの 4月4日-O型)
歌手・和聲擔當

音樂作品

ROUND TABLE 作品

單曲

Big Wave '71
1998年6月29日發售
Ride on the Big Wave
Get on the Bicycle!
Exotic Ooh-Room
In the Season
Wild Chocolate Brothers
DO THE AFRO!
1998年9月30日發售
Chocolate
glass green polka
Do the AFRO
One Day in the September
little brownie's theme
COOL CLUB RULE
1999年1月27日發售
COOL CLUB RULE
DOMINO TIME RAG
VIVA!BROWNIE
PERFECT WORLD
1999年10月27日發售
PERFECT WORLD
GLAD TO BE UNHAPPY
DO IT AGAIN
Every Every Every
2000年12月6日發售
Every Every Every
RADIO BURNIN'
ALL THE WAY DOWN

專輯

  • WORLD'S END
  • 1997年8月27日發售
  1. repeat after me
  2. Windy
  3. World's End
  4. so little time
  5. MEXICAN DRAG RACE
  6. ありふれた1日
  7. one more time!!
  • Something in the Snow
  • 1997年12月5日發售
  1. Light a Candle
  2. Tiny Adventure
  3. Everyboody's Talkin'
  4. Radio Time a GO-GO!!
  5. Up to Wednesday, 3p.m.
  6. Revenge of the Radio Time
  7. Picnic
  8. Make a Wish, Blow Out a Candle
  • Feelin' Groovy
  • 1998年4月1日發售
  1. How do you feel?
  2. Feelin' Groovy
  3. Don't Ask Me Why
  4. Stillness
  5. Highway 69
  6. Mad Engine joe
  7. Beat de jump
  8. Doo-Wop Feelin'
  • DOMINO
  • 1999年1月27日發售
  1. DOMINO
  2. BROWNIE
  3. COOL CLUB RULE
  4. HOLIDAY
  5. PLAY THE MARCH
  6. SUMMER RAIN
  7. BATTLE COP B.B.
  8. DESERT SIDE OF THE MOON
  9. RING A BELL
  10. CHRISTMAS TIME
  11. DOMINO AGAIN
  12. EVERYTHING YOU KNOW
  • Big Wave '72
  • 1999年7月7日發售
  1. Here Comes The Big Wave
  2. Holiday(mix '72)
  3. One Little Cowboy
  4. Let's Go To The Beach!
  5. Jazz On A Holiday
  6. Ukulele To The Beach
  7. You Baby
  8. Sunset Holiday
  9. End Theme
  10. Big Wave '71(reprise)
  • CANNON BALL
  • 1999年12月8日發售
  1. Mr.Cannonballer
  2. Perfect World
  3. Moon Light
  4. Everlasting Daydream
  5. It's O.K.? Mr. No.1
  6. Bamallama Baby
  7. Mr.Cannonballer Strikes Back
  8. FLY
  9. Timeless
  10. So Many Colors
  11. Brand New Car
  12. Say Goodbye
  • LOOK AROUND
  • 2000年3月29日發售
  1. Introduction
  2. Chocolate
  3. Cool Club Rule
  4. Holiday(mix '72)
  5. World's End
  6. Back on My Feet Again
  7. Theme from Look Around
  8. Radio Time a GO-GO!!
  9. Brownie
  10. Get on The Bicycle!
  11. Windy
  12. Beat de Jump
  13. Picnic
  14. It's a Sunshine Day
  15. Feelin' Groovy
  16. Look Around Bossa
  • Big Wave 2000
  • 2000年7月12日發售
  1. Vuva! Samba Parade
  2. Big Wave
  3. Let's Go To The Beach!(copacabana mix)
  4. Big Wave 2・0・0・0
  5. Tiny Adventure(cool summer mix)
  6. Find Your Step!
  7. Boys Don't Cry
  8. Corcovado
  9. Viva! Samba Carnival
  • RADIO BURNIN'
  • 2001年1月31日發售
  1. Come On! Come On!
  2. Every Every Every(radio radio radio mix)
  3. Goin' To The Radio Show
  4. Radio Time #1
  5. Hello! It's You
  6. No No - Yeah yeah
  7. Baby Baby
  8. Radio Is Burning
  9. Radio Time #2
  10. Everyday
  11. Across The Highway
  12. 1,2,3 for Jump
  13. No Reaction
  14. You Are No.1
  15. Good Night Rosie
  16. Come On! Come On!(Reprise)
  • Big Wave Sunset
  • 2003年8月25日發售
  1. Opening
  2. Big Wave Sunset
  3. Let Me
  4. Bossa Rie
  5. Youngmen blues
  6. Life
  7. In The Rain
  8. Tell Me Why
ROUND TABLE featuring Nino 作品發行商:JVCエンタテインメント/flying DOG(銷售商:ビクターエンタテインメント)

單曲

  1. Let Me Be With You
  2. 電視動畫“ちょびっツ”插曲
  3. 作詞・作曲:北川勝利、編曲:ROUND TABLE
  4. 電視動畫“ちょびっツ”片頭曲
  5. 作詞・作曲:北川勝利、編曲:ROUND TABLE・宮川弾
  6. 2002年4月24日發售
  7. Let Me Be With You
  8. Book End Bossa
  9. Let Me Be With You(Instrumental)
NEW WORLD
  • 電視動畫“.hack//黃昏の腕輪伝說”插曲
  • 作詞・作曲:伊藤利恵子、編曲:ROUND TABLE
  • 電視動畫“.hack//黃昏の腕輪伝說”片頭曲
  • 作詞・作曲:北川勝利、編曲:ROUND TABLE
  • 2003年1月22日發售
  1. NEW WORLD
  2. Beautiful
  3. NEW WORLD(Instrumental)
Sunny Side Hill
  • 作詞・作曲:伊藤利恵子、編曲:ROUND TABLE
  • 電視動畫“無人惑星サヴァイヴ”片尾曲
  • 作詞:伊藤利恵子、作曲:北川勝利、編曲:ROUND TABLE
  • 2003年10月22日發售
  1. Sunny Side Hill
  2. Message
  3. Sunny Side Hill(Instrumental)
  4. Message(Instrumental)
Groovin' Magic
  • 作詞・作曲:北川勝利、編曲:ROUND TABLE・桜井康史
  • OVA“トップをねらえ2!”片頭曲
  • 作詞・作曲:伊藤利恵子、編曲:ROUND TABLE・桜井康史・宮川弾
  • 2005年2月23日發售
  1. Groovin' Magic
  2. Stay With Me
  3. Groovin' Magic(Instrumental)
Rainbow
  • 東京電視台“うぇぶたま3”片尾曲
  • “ARIA The ANIMATION”挿入歌
  • 作詞:伊藤利恵子、作曲:北川勝利、編曲:ROUND TABLE・桜井康史・宮川弾
  • “ARIA The ANIMATION”片尾曲
  • 作詞・作曲:北川勝利、編曲:ROUND TABLE・桜井康史
  • 2005年10月21日發售
  1. Rainbow
  2. Just For You
  3. Rainbow(Instrumental)
  4. Just For You(Instrumental)
夏待ち
  • テレビアニメ“ARIA The NATURAL”插曲
  • 作詞:伊藤利恵子、作曲:北川勝利、編曲:ROUND TABLE・桜井康史
  • 電視動畫“ARIA The NATURAL”片尾曲
  • 作詞・作曲:北川勝利、編曲:ROUND TABLE・桜井康史・窪田ミナ
  • 2006年4月26日發售
  1. 夏待ち
  2. 潮騒
  3. 夏待ち(Instrumental)
  4. 潮騒(Instrumental)
パズル
  • 作詞・作曲:伊藤利恵子、編曲:ROUND TABLE・桜井康史
  • 電視動畫“NHKにようこそ!”片頭曲
  • 作詞:伊藤利恵子、作曲:北川勝利、編曲:ROUND TABLE・河野伸
  • 2006年7月20日發售
  1. パズル
  2. あたしだって同じこと思ってるよ
  3. パズル(Instrumental)
  4. あたしだって同じこと思ってるよ(Instrumental)
戀をしてる
  • 作詞・作曲・編曲:北川勝利
  • 作詞:伊藤利恵子、作曲:北川勝利、編曲:桜井康史
  • 東京電視台“うぇぶたま3”片尾曲
  • 作詞:伊藤利恵子、作曲:北川勝利、編曲:北川勝利・長谷泰宏
  • 2008年6月25日発売
  1. 戀をしてる
  2. シンフォニー
  3. 寶物(homemade demo version)
  4. 戀をしてる(Instrumental)
  5. シンフォニー(Instrumental)
ナガレボシ
  • 電視動畫“夜桜四重奏 〜ヨザクラカルテット〜”片尾曲
  • 2008年10月22日發售
  1. ナガレボシ
  2. 茜色センチメンタル
  3. 祈り
  4. ナガレボシ -without Nino-
茜色センチメンタル -without Nino-

其他例句

    Can she play table tennis(她會打桌球嗎)
    Can it play table tennis(它會打桌球嗎)

    相關詞條

    熱門詞條

    聯絡我們