chao
/
mini_cocopi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
							<html>
</html>
<html>
 <!--
Copyright 2011 The Closure Library Authors. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
 <head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta charset="UTF-8" />
  <title>
   table.js Tests
  </title>
  <script src="../base.js">
  </script>
  <script>
    goog.require('goog.editor.TableTest');
  </script>
  <style>
   table {
      border:1px outset #777;
      margin-top: 1em;
      empty-cells: show;
    }
    td, th {
      border:1px inset #777;
    }
  </style>
 </head>
 <body>
  <table id="test-basic">
   <tr>
    <th>
     Number
    </th>
    <th>
     Color
    </th>
    <th>
     Speed
    </th>
   </tr>
   <tr>
    <td>
     One
    </td>
    <td>
     Red
    </td>
    <td>
     60
    </td>
   </tr>
   <tr>
    <td>
     Two
    </td>
    <td>
     Blue
    </td>
    <td>
     75
    </td>
   </tr>
   <tr>
    <td>
     Three
    </td>
    <td>
     Orange
    </td>
    <td>
     88
    </td>
   </tr>
  </table>
  <table id="test-torture">
   <tr>
    <th rowspan="2">
     Left 0+1
     <br />
     &nbsp;
    </th>
    <th colspan="2">
     Middle, Right 0
    </th>
   </tr>
   <tr>
    <td colspan="2" rowspan="2">
     Middle, Right 1 + 2
     <br />
     &nbsp;
    </td>
   </tr>
   <tr>
    <th>
     Left 2
    </th>
   </tr>
   <tr>
    <th>
     Left 3
    </th>
    <td>
     Middle 3
    </td>
    <td>
     Right 3
    </td>
   </tr>
   <tr>
    <th colspan="3">
     Left, Middle, Right 4
    </th>
   </tr>
   <tr>
    <th colspan="2" rowspan="2">
     Left, Middle 5+6
     <br />
     &nbsp;
    </th>
    <td rowspan="4">
     Right 5+6+7+8
    </td>
   </tr>
   <tr>
   </tr>
   <tr>
    <th rowspan="2">
     Left 7+8
    </th>
    <td>
     Middle 7
    </td>
   </tr>
   <tr>
    <td>
     Middle 8
    </td>
   </tr>
  </table>
  <table id="test-nested">
   <tr>
    <td>
     One
    </td>
    <td>
     Two
    </td>
    <td>
     <table>
      <tr>
       <td>
        Nested cell 1
       </td>
       <td>
        Nested cell 2
       </td>
      </tr>
      <tr>
       <td>
        Nested cell 2
       </td>
       <td>
        Nested cell 3
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td>
     Four
    </td>
    <td>
     Five
    </td>
    <td>
     Six
    </td>
   </tr>
  </table>
 </body>
</html>