新闻资讯
看你所看,想你所想

table

2019-09-07 03:39:25位置：首页 > 夏草百科

table

Table控制项主要用于在web页面上创建表格，其功能与HtmlTable类似。不同的是，Table控制项可以用动态的内容以编程的方式来生成表格。

基本介绍

  • 中文名：工作檯
  • 外文名：table

基本信息

基本语法

〈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>标籤的属性请您参考以下的列表：
属性值描述
align
lef
tcenter
right
HTML5 不支持。HTML 4.01 已废弃。规定表格相对周围元素的对齐方式。
bgcolor
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 不支持。规定外侧框线的哪个部分是可见的。
rules
none
groups
rows
cols
all
HTML5 不支持。规定内侧框线的哪个部分是可见的。
summary
text
HTML5 不支持。规定表格的摘要。
width
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（它会打桌球吗）

    转载请注明出处海之美文 » table

    相关推荐

      声明：此文信息来源于网络，登载此文只为提供信息参考，并不用于任何商业目的。如有侵权，请及时联系我们：ailianmeng11@163.com