Table, TableHeader, TableRow, TableData object,
Change the Border width of a table
Source code
<!DOCTYPE html>
Running result
Change the cellpadding and cellspacing of a table.
Source code
<!DOCTYPE html>
Running result
Frame of the specified table
Source code
<!DOCTYPE html>
Running result
Specify rules for a table
Source code
<!DOCTYPE html>
Running result
InnerHTML of a row
Source code
<!DOCTYPE html>
Running result
InnerHTML of a cell
Source code
<!DOCTYPE html>
Running result
Create a title for the table
Source code
<!DOCTYPE html>
Running result
Delete rows in a table
Source code
<!DOCTYPE html>
Running result
Add rows in the table
Source code
<!DOCTYPE html>
Running result
Add cells in a table row
Source code
<!DOCTYPE html>
Running result
Cell content Horizontal Alignment
Source code
<!DOCTYPE html>
Running result
Cell content Vertical Alignment
Source code
<!DOCTYPE html>
Running result
Horizontal alignment of the content of a single cell
Source code
<!DOCTYPE html>
Running result
Vertical Alignment of the content of a single cell
Source code
<! DOCTYPE html>
Running result
Change the cell content
Source code
<!DOCTYPE html>
Running result
Change row content
Source code
<! DOCTYPE html>
<Html>
<Head>
<Script>
Function setColSpan ()
{
Var x = document. getElementById ('mytable'). rows [0]. cells;
X [0]. colSpan = "2 ";
X [1]. colSpan = "6 ";
}
</Script>
</Head>
<Body>
<Table id = "myTable" border = "1">
<Tr>
<Td colspan = "4"> cell 1 </td>
<Td colspan = "4"> cell 2 </td>
</Tr>
<Tr>
<Td> cell 3 </td>
<Td> cell 4 </td>
<Td> cell 5 </td>
<Td> cell 6 </td>
<Td> cell 7 </td>
<Td> cell 8 </td>
<Td> cell 9 </td>
<Td> cell 10 </td>
</Tr>
</Table>
<Form>
<Input type = "button" onclick = "setColSpan ()" value = "Change colspan">
</Form>
</Body>
</Html>
Running result