Table group display

Source: Internet
Author: User
 

Structured table)

1) group by row
<Thead>... </thead>-Table header (header)
<Tbody>... </tbody>-body of the table)
<Tfoot>... </tfoot>-footer of the table (footer)

Example:
<Table Border>
<Thead>
<Tr> <TH> food </Th> <TH> drink </Th> <TH> sweet </Th>
</Thead>
<Tbody>
<Tr> <TD> A </TD> <TD> B </TD> <TD> C </TD>
<Tr> <TD> d </TD> <TD> E </TD> <TD> F </TD>
</Tbody>
</Table>

2) group by Column
<Colgroup align =#>#= left, right, center

Example:
<Table Border width = 160>
<Colgroup align = left>
<Colgroup align = center>
<Colgroup align = right>
<Thead>
<Tr> <TH> food </Th> <TH> drink </Th> <TH> sweet </Th>
</Thead>
<Tbody>
<Tr> <TD> A </TD> <TD> B </TD> <TD> C </TD>
<Tr> <TD> d </TD> <TD> E </TD> <TD> F </TD>
</Tbody>
</Table>

3) column attribute Control
<Col span =#>#= Number of Columns with specified attributes starting from the left
<Col align =#>#= left, right, center

Example:
<Table Border width = 160>
<Colgroup>
<Col align = center span = 2>
<Colgroup align = right>
<Thead>
<Tr> <TH> food </Th> <TH> drink </Th> <TH> sweet </Th>
</Thead>
<Tbody>
<Tr> <TD> A </TD> <TD> B </TD> <TD> C </TD>
<Tr> <TD> d </TD> <TD> E </TD> <TD> F </TD>
</Tbody>
</Table>

The principle of using a browser to download a table is to display the content of the entire table after it is downloaded. This way, when there are many table content, it will appear very slow. It is used to download a table to a browser in parts when there is too much content in a table, so as not to make the viewer feel slow.

2005-1-12 17:29:00
   

VaR actioninfo3 = 'single-post shielded '; document. write (dvbbs_show_topic ('20140901', '3', 'qnzu', '','', 'qnzu @ 163.com ', '|', '', 'images/images/userface/image1.gif ','','', '','', '<tbody> <tr> the tag must be manually entered. This is very troublesome. It would be nice to make it more "visualized.
By the way, when will the DIV tag be placed? What is the inevitable relationship between Div labels and <tbody> <tr>? [This post was edited by the author at 8:58:07]

', '2014-1-13 8:56:00', 'face1.gif ','*. *. *. * Comment ', 4, '2017-2-28 21:08:00', '0', 3, 'tablebody2', '0', '0 '));

Qnzu  



Grade: New Member
Article: 74
Credit: 265
Registration: 2003-7-22

4th floor
 
 
<Tbody> <tr> It is troublesome to manually enter the tag. It would be nice to be "visualized.
By the way, when will the DIV tag be placed? What is the inevitable relationship between Div labels and <tbody> <tr>? [This post was edited by the author at 8:58:07]
8:56:00
   

VaR actioninfo3 = 'single-post shielded '; document. write (dvbbs_show_topic ('20140901', '3', 'tonglin404', '','', 'tonglin404 @ 163.com ', '|', ', 'uploadface/31230_20041229174210950.jpg', ', 'tt helper ', '','', ', which can be used to implement the scroll bar in the table under Mozilla and netcaptor. But IE does not. ', '2014-1-13 11:38:00', 'face1.gif ','*. *. *. * Comment ', 4, '2017-2-28 16:09:00', '0', 4, 'tablebody1', '0', '0 '));

Tonglin404  



Title: TT helper
Grade: stable member
Article: 287
Credit: 682
Registration: 2004-7-26

5th floor
 
 
It can implement the scroll bar inside the table under Mozilla and netcaptor. But IE does not.
11:38:00
   

VaR actioninfo3 = 'single-post shielded '; document. write (dvbbs_show_topic ('20140901', '3', 'daijianchun ', '','', 'jianchun _ dai@tom.com ', '| 249444347 | jianchun_dai@hotmail.com |', ', 'uploadface/6679_2004331924057665.gif', ', 'famous theme thing ', 'The eyes are as far away as the future, as wide as the path of life, and as big as your career!
Http://www.rushfame.go.nease.net
', '', 'Table-layout version: css2 compatibility: ie5 + inheritance: No Syntax:Table-layout:Auto|FixedValid value:

Auto : Default Value. The default automatic algorithm. The layout is based on the content of each cell. The table is displayed after all the content in each cell is read and computed.
Fixed : Fixed Layout Algorithm. In this algorithm, the width of tables and columns depends onColThe total width of the object. If not specified, it depends on the width of each cell in the first row. If the table does not specify the width attribute, the default width of the table to be presented is100%.
Description: sets or retrieves the Layout Algorithm of a table.
You can use this attribute to improve the table presentation performance. This attribute causes IE to submit the table content in one row at a time, so that it can be provided to information users more quickly. In this order, this attribute uses one of the following methods to deploy the table column width:
  1. UseColOrColgroupObject width (Width) Attribute information.
  2. Use the cell width (Width) Information.
  3. The table width is equal to the number of columns in the table. Regardless of the actual width of the table content.

If the content of the cell exceeds the column width, then change the value to a smaller value. <too many characters are missing? B> fixed, overflow can be used to control the processing of overflow cells (TD. If the table row height is specified, the line feed content is cropped vertically if it exceeds the specified table row height.
Set this property valueFixedTo improve table performance. This is especially effective for long tables.
Setting the table row height can further improve the submission speed. the browser does not need to check the content of each cell in the row to determine the Row Height to start parsing and submission.
This propertyCurrentstyleThe object is read-only. Other objects can be read and written.
Corresponding script features:Tablelayout. Example: Table {table-layout: fixed ;}

', '2014-1-18 16:31:00', 'face1.gif ','*. *. *. * Comment ', 4, '2017-3-1 9:14:00', '0', 5, 'tablebody2', '1', '0 '));

Daijianchun  



Title: famous master
Level: activists
Article: 555
Credit: 1462
Registration: 2003-9-12

6th Floor
 
 
Table-layout version: css2 compatibility: ie5 + inheritance: None

Syntax:Table-layout:Auto|FixedValid value:
Auto : Default Value. The default automatic algorithm. The layout is based on the content of each cell. The table is displayed after all the content in each cell is read and computed.
Fixed : Fixed Layout Algorithm. In this algorithm, the width of tables and columns depends onColThe total width of the object. If not specified, it depends on the width of each cell in the first row. If the table does not specify the width attribute, the default width of the table to be presented is100%.
Description: sets or retrieves the Layout Algorithm of a table.
You can use this attribute to improve the table presentation performance. This attribute causes IE to submit the table content in one row at a time, so that it can be provided to information users more quickly. In this order, this attribute uses one of the following methods to deploy the table column width:
  1. UseColOrColgroupObject width (Width) Attribute information.
  2. Use the cell width (Width) Information.
  3. The table width is equal to the number of columns in the table. Regardless of the actual width of the table content.

If the content of the cell exceeds the column width, then change the value to a smaller value. <too many characters are missing? B> fixed, overflow can be used to control the processing of overflow cells (TD. If the table row height is specified, the line feed content is cropped vertically if it exceeds the specified table row height.
Set this property valueFixedTo improve table performance. This is especially effective for long tables.
Setting the table row height can further improve the submission speed. the browser does not need to check the content of each cell in the row to determine the Row Height to start parsing and submission.
This propertyCurrentstyleThe object is read-only. Other objects can be read and written.
Corresponding script features:Tablelayout. Example: Table {table-layout: fixed ;}

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.