| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- <div id="editor">
- <figure>
- <table style="border: 1px solid green;background:#fdfd77;">
- <thead>
- <tr>
- <td><p>Column A</p></td>
- <td style="border:2px dashed black;background-color: lightblue"><p>Column B</p></td>
- <td style="background: palevioletred"><p>Column C</p></td>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td style="border-color: deeppink deepskyblue;border-style: solid;border-width: 1px;border-bottom-width: 2px;border-right-style: dotted;">
- <p>A1</p>
- </td>
- <td style="border: 1px solid blue;"><p>B1</p></td>
- <td style="border: 1px solid red;"><p>C1</p></td>
- </tr>
- <tr>
- <td style="border-right:1px solid blue;"><p>A2</p></td>
- <td style="background:transparent;"><p>B2</p></td>
- <td><p>C3</p></td>
- </tr>
- </tbody>
- </table>
- </figure>
- <h3>Table from GDocs</h3>
- <table style="border:none;border-collapse:collapse;width:468pt;table-layout:fixed">
- <colgroup>
- <col>
- <col>
- <col>
- </colgroup>
- <tbody>
- <tr style="height:21pt">
- <td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;background-color:#fff2cc;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span
- style="font-size: 11pt; font-family: Arial; background-color: transparent; font-weight: 700; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline; white-space: pre-wrap;">A</span>
- </p></td>
- <td style="border-left:solid #000000 1pt;border-right:dotted #ff0000 1.5pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;background-color:#fff2cc;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span
- style="font-size: 11pt; font-family: Arial; background-color: transparent; font-weight: 700; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline; white-space: pre-wrap;">B</span>
- </p></td>
- <td style="border-left:dotted #ff0000 1.5pt;border-right:dotted #ff0000 1.5pt;border-bottom:dotted #ff0000 1.5pt;border-top:dotted #ff0000 1.5pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span
- style="font-size: 11pt; font-family: Arial; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline; white-space: pre-wrap;">C</span>
- </p></td>
- </tr>
- <tr style="height:21pt">
- <td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span
- style="font-size: 11pt; font-family: Arial; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline; white-space: pre-wrap;">a1</span>
- </p></td>
- <td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:dashed #4c1130 3pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span
- style="font-size: 11pt; font-family: Arial; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline; white-space: pre-wrap;">b1</span>
- </p></td>
- <td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:dotted #ff0000 1.5pt;border-top:dotted #ff0000 1.5pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span
- style="font-size: 11pt; font-family: Arial; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline; white-space: pre-wrap;">c1</span>
- </p></td>
- </tr>
- <tr style="height:21pt">
- <td style="border-left:solid #000000 1pt;border-right:dashed #4c1130 3pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br></td>
- <td style="border-left:dashed #4c1130 3pt;border-right:dashed #4c1130 3pt;border-bottom:dashed #4c1130 3pt;border-top:dashed #4c1130 3pt;vertical-align:middle;background-color:#a2c4c9;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <p dir="ltr" style="line-height:1.2;text-align: center;margin-top:0pt;margin-bottom:0pt;"><span
- style="font-size: 11pt; font-family: Arial; color: rgb(204, 0, 0); background-color: transparent; font-weight: 700; font-style: italic; font-variant-numeric: normal; font-variant-east-asian: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">AWESOME</span>
- </p></td>
- <td style="border-left:dashed #4c1130 3pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:dotted #ff0000 1.5pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br></td>
- </tr>
- </tbody>
- </table>
- <h3>Table from GDocs (all styles set + column widths)</h3>
- <table style="border:none;border-collapse:collapse;">
- <colgroup>
- <col width="27">
- <col width="192">
- <col width="17">
- </colgroup>
- <tbody>
- <tr style="height:0pt">
- <td style="border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br></td>
- <td style="border-left:solid #000000 1pt;border-bottom:dotted #7f6000 2.25pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span
- style="font-size: 11pt; font-family: Arial; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline; white-space: pre-wrap;">a</span>
- </p></td>
- <td style="border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br></td>
- </tr>
- <tr style="height:144pt">
- <td style="border-right:dotted #7f6000 2.25pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br></td>
- <td style="border-left:dotted #7f6000 2.25pt;border-right:dotted #7f6000 2.25pt;border-bottom:dotted #7f6000 2.25pt;border-top:dotted #7f6000 2.25pt;vertical-align:middle;background-color:#ffd966;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br><br></td>
- <td style="border-left:dotted #7f6000 2.25pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br></td>
- </tr>
- <tr style="height:0pt">
- <td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br></td>
- <td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:dotted #7f6000 2.25pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br></td>
- <td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
- <br></td>
- </tr>
- </tbody>
- </table>
- </div>
- <h2>Original editor source</h2>
- <div id="cloned-source"></div>
|